#FCF003 Color

#FCF003 is rgb(252, 240, 3) in RGB and hsl(57, 98%, 50%) in HSL. The closest CSS named color is Yellow. Black text is most readable on this background.

#FCF003

HEX#FCF003

RGBrgb(252, 240, 3)

HSLhsl(57, 98%, 50%)

HSVhsv(57, 99%, 99%)

OKLCHoklch(93.5% 0.199 106)

CMYKcmyk(0%, 5%, 99%, 1%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #FCF003 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text1.19:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text17.6:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

Colors that pair well with #FCF003 based on color wheel relationships. Click any swatch for its full breakdown.

Base#FCF003 Complementary#030FFC Analogous#FC7303 Analogous#8CFC03 Triadic#03FCF0 Triadic#F003FC

Tints & Shades

Lighter tints and darker shades of #FCF003, useful for hover states, backgrounds, and text variants.

Tints

#FDF226 #FDF449 #FEF66D #FEF88B #FEFAAE #FFFCD2

Shades

#D9CE02 #BBB202 #979002 #797301 #565201 #383501

Use #FCF003 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex