#FAE242 Color

#FAE242 is rgb(250, 226, 66) in RGB and hsl(52, 95%, 62%) in HSL. The closest CSS named color is Gold. Black text is most readable on this background.

#FAE242

HEX#FAE242

RGBrgb(250, 226, 66)

HSLhsl(52, 95%, 62%)

HSVhsv(52, 74%, 98%)

OKLCHoklch(90.6% 0.17 100.4)

CMYKcmyk(0%, 10%, 74%, 2%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#FAE242 Complementary#425BFA Analogous#FA8642 Analogous#B7FA42 Triadic#42FAE2 Triadic#E242FA

Tints & Shades

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

Tints

#FBE55B #FBE974 #FCED8D #FDF2AA #FDF6C3 #FEFADC

Shades

#F9DB1A #E0C306 #B8A005 #907D04 #685B03 #3C3402

Use #FAE242 in Our Tools

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