#F2C469 Color

#F2C469 is rgb(242, 196, 105) in RGB and hsl(40, 84%, 68%) in HSL. The closest CSS named color is SandyBrown. Black text is most readable on this background.

#F2C469

HEX#F2C469

RGBrgb(242, 196, 105)

HSLhsl(40, 84%, 68%)

HSVhsv(40, 57%, 95%)

OKLCHoklch(84.3% 0.121 82.8)

CMYKcmyk(0%, 19%, 57%, 5%)

Text Contrast & Accessibility

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

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

TextBlack text12.88:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#F2C469 Complementary#6997F2 Analogous#F28069 Analogous#DBF269 Triadic#69F2C4 Triadic#C469F2

Tints & Shades

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

Tints

#F4CC7C #F6D593 #F7DCA6 #F9E3B9 #FBEBCB #FDF4E3

Shades

#EEB43F #EBA314 #C08611 #91650D #674809 #3D2A05

Use #F2C469 in Our Tools

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