#FAC505

Vivid Yellow

HEX

RGB

HSL

About #FAC505 Vivid Yellow

#FAC505 is a vivid yellow color. In the RGB color model, it is composed of 250 red, 197 green, and 5 blue. In the HSL color space, it has a hue of 47°, saturation of 96%, and lightness of 50%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With high saturation, it appears vibrant and eye-catching.

CSS Code

Use #FAC505 in your CSS, SCSS, or Tailwind projects.

Color Properties

47°

Hue

96%

Saturation

50%

Lightness

Vivid Yellow

Color Harmonies

Colors that work well with #FAC505 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #FAC505 against white and black backgrounds.

Aa#FAC505 on White
Contrast Ratio1.61:1
AA AA Large AAA
Aa#FAC505 on Black
Contrast Ratio13.05:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #FAC505 across different color formats.

FormatValue
HEX#FAC505
RGBrgb(250, 197, 5)
HSLhsl(47, 96%, 50%)
RGB Decimal250, 197, 5
RGB Percent98.0%, 77.3%, 2.0%
CMYK (approx.)0%, 21%, 98%, 2%

Related Palettes

12 palettes using #FAC505 or similar colors

#EB5114#F9C406#B1F10E#3CF609
#EA4A15#FEBF01#B4E916#47F00F
#FF006E#FB5607#FFBE0B#8338EC
#EC134D#F64009#F9B806#C1F906
#F1C40F#E67E22#E74C3C#95A5A6
#2ECC71#27AE60#F1C40F#F39C12
#F1C40F#F39C12#1ABC9C#16A085
#F1C40F#F39C12#E74C3C#C0392B
#F1C40F#F39C12#34495E#2C3E50
#FFC312#F79F1F#EE5A24#EA2027
#D980FA#FDA7DF#FFC312#F79F1F
#F8B400#FAD586#125C13#004600