#F0CC49

A light, vivid yellow closely aligning with Goldenrod.

About #F0CC49

The hex code #F0CC49 represents a beautifully specific shade of yellow. It is closely associated with the named CSS color Goldenrod. To achieve this exact tint on a monitor, you would use an RGB mix of 240, 204, and 73.

If you are designing for print, the four-color process is what matters most. The color uses 0% Cyan, 15% Magenta, 70% Yellow, and 6% Black. The HSL representation is 47.1° hue, 84.8% saturation, and 61.4% lightness.

When using this color as a background, text legibility must be considered. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#F0CC49
RGB240, 204, 73
HSL47.1°, 84.8%, 61.4%
CMYK0%, 15%, 70%, 6%
HSV47.1°, 69.6%, 94.1%
LAB83.0, -0.9, 66.9
XYZ58.7, 62.2, 15.2
Decimal15780937

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

1.56:1
Text on #FFFFFF
FAIL
13.44:1
Text on #000000
AAA
1.49:1
Text on #F8FAFC
FAIL
11.42:1
Text on #0F172A
AAA

CSS Implementation

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

Similar Colors

Goldenrod
#DAA520