#F3D28C Color

#F3D28C is rgb(243, 210, 140) in RGB and hsl(41, 81%, 75%) in HSL. The closest CSS named color is Khaki. Black text is most readable on this background.

#F3D28C

HEX#F3D28C

RGBrgb(243, 210, 140)

HSLhsl(41, 81%, 75%)

HSVhsv(41, 42%, 95%)

OKLCHoklch(87.6% 0.096 85.3)

CMYKcmyk(0%, 14%, 42%, 5%)

Text Contrast & Accessibility

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

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

TextBlack text14.41:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#F3D28C Complementary#8CACF3 Analogous#F39F8C Analogous#E0F38C Triadic#8CF3D2 Triadic#D28CF3

Tints & Shades

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

Tints

#F4D899 #F6DFAC #F8E4BA #F9E9C8 #FBEFD5 #FDF6E8

Shades

#EEC05D #E9AE2F #D09516 #9D7010 #6F4F0C #412E07

Use #F3D28C in Our Tools

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