#FDE48C Color

#FDE48C is rgb(253, 228, 140) in RGB and hsl(47, 97%, 77%) in HSL. The closest CSS named color is Khaki. Black text is most readable on this background.

#FDE48C

HEX#FDE48C

RGBrgb(253, 228, 140)

HSLhsl(47, 97%, 77%)

HSVhsv(47, 45%, 99%)

OKLCHoklch(92.1% 0.111 94)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#FDE48C Complementary#8BA4FD Analogous#FDAC8B Analogous#DDFD8B Triadic#8BFDE5 Triadic#E58BFD

Tints & Shades

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

Tints

#FDE89B #FEEBAA #FEEFB9 #FEF2C8 #FEF6D7 #FFF9E6

Shades

#FCD959 #FCCC22 #E7B604 #B08A03 #7E6302 #463701

Use #FDE48C in Our Tools

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