#FFF849
A light, vivid yellow closely aligning with Yellow.
About #FFF849
The precise color #FFF849 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Yellow. Its digital footprint relies on 255 parts red, 248 parts green, and 73 parts blue light.
If you are designing for print, the four-color process is what matters most. The color uses 0% Cyan, 3% Magenta, 71% Yellow, and 0% Black. The HSL representation is 57.7° hue, 100.0% saturation, and 64.3% lightness.
Contrast ratios determine whether this color is safe for typography. To prevent eye strain, #000000 text pairs best with this hex code. Always test your color combinations using a contrast checker before publishing.
Color Space Conversions
HEX#FFF849
RGB255, 248, 73
HSL57.7°, 100.0%, 64.3%
CMYK0%, 3%, 71%, 0%
HSV57.7°, 71.4%, 100.0%
LAB95.5, -16.6, 79.6
XYZ76.0, 88.9, 19.5
Decimal16775241
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
1.12:1
Text on #FFFFFF
FAIL
18.78:1
Text on #000000
AAA
1.07:1
Text on #F8FAFC
FAIL
15.96:1
Text on #0F172A
AAA
CSS Implementation
.bg-color {
background-color: #FFF849;
}
.text-color {
color: #FFF849;
}
.border-color {
border: 2px solid #FFF849;
}