#FED867 Color

#FED867 is rgb(254, 216, 103) in RGB and hsl(45, 99%, 70%) in HSL. The closest CSS named color is Khaki. Black text is most readable on this background.

#FED867

HEX#FED867

RGBrgb(254, 216, 103)

HSLhsl(45, 99%, 70%)

HSVhsv(45, 59%, 100%)

OKLCHoklch(89.3% 0.138 90.8)

CMYKcmyk(0%, 15%, 59%, 0%)

Text Contrast & Accessibility

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

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

TextBlack text15.23:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#FED867 Complementary#678DFE Analogous#FE8D67 Analogous#D8FE67 Triadic#67FED8 Triadic#D867FE

Tints & Shades

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

Tints

#FEDE7B #FEE38F #FFE8A4 #FFEDB8 #FFF2CC #FFF7E1

Shades

#FECD39 #FEC006 #D5A001 #A27A01 #755801 #423200

Use #FED867 in Our Tools

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