#F0F849

A light, vivid yellow closely aligning with Yellow.

About #F0F849

When working with digital screens, the color #F0F849 is rendered by mixing light. It is closely associated with the named CSS color Yellow. This translates to an RGB value of rgb(240, 248, 73).

If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 3% C, 0% M, 71% Y, and 3% K. With a hue angle of 62.7 degrees, it sits comfortably in the yellow spectrum.

Ensuring your text is legible against this background is a key part of web design. Because it is a light color, it is generally recommended to use #000000 text. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#F0F849
RGB240, 248, 73
HSL62.7°, 92.6%, 62.9%
CMYK3%, 0%, 71%, 3%
HSV62.7°, 70.6%, 97.3%
LAB94.4, -22.7, 78.1
XYZ70.7, 86.1, 19.2
Decimal15792201

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

1.15:1
Text on #FFFFFF
FAIL
18.23:1
Text on #000000
AAA
1.10:1
Text on #F8FAFC
FAIL
15.50:1
Text on #0F172A
AAA

CSS Implementation

.bg-color { background-color: #F0F849; }
.text-color { color: #F0F849; }
.border-color { border: 2px solid #F0F849; }

Similar Colors

Yellow
#FFFF00