#EFD776 Color

#EFD776 is rgb(239, 215, 118) in RGB and hsl(48, 79%, 70%) in HSL. The closest CSS named color is Khaki. Black text is most readable on this background.

#EFD776

HEX#EFD776

RGBrgb(239, 215, 118)

HSLhsl(48, 79%, 70%)

HSVhsv(48, 51%, 94%)

OKLCHoklch(87.9% 0.12 95.8)

CMYKcmyk(0%, 10%, 51%, 6%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#EFD776 Complementary#768EEF Analogous#EF9A76 Analogous#CBEF76 Triadic#76EFD7 Triadic#D776EF

Tints & Shades

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

Tints

#F1DC88 #F3E19B #F5E7AD #F8ECBF #FAF2D1 #FCF7E4

Shades

#EACB4D #E5BD1F #C09E16 #927811 #69560C #3B3107

Use #EFD776 in Our Tools

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