#FCE431 Color

#FCE431 is rgb(252, 228, 49) in RGB and hsl(53, 97%, 59%) in HSL. The closest CSS named color is Gold. Black text is most readable on this background.

#FCE431

HEX#FCE431

RGBrgb(252, 228, 49)

HSLhsl(53, 97%, 59%)

HSVhsv(53, 81%, 99%)

OKLCHoklch(91.1% 0.179 101)

CMYKcmyk(0%, 10%, 81%, 1%)

Text Contrast & Accessibility

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

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

TextBlack text16.28:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#FCE431 Complementary#3149FC Analogous#FC7F31 Analogous#AEFC31 Triadic#31FCE4 Triadic#E431FC

Tints & Shades

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

Tints

#FCE84F #FDEB68 #FDEF86 #FEF3A0 #FEF7BE #FEFAD7

Shades

#FBDF09 #D8BF03 #B09C03 #8D7C02 #645902 #3C3501

Use #FCE431 in Our Tools

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