#CEDD5A Color

#CEDD5A is rgb(206, 221, 90) in RGB and hsl(67, 66%, 61%) in HSL. The closest CSS named color is DarkKhaki. Black text is most readable on this background.

#CEDD5A

HEX#CEDD5A

RGBrgb(206, 221, 90)

HSLhsl(67, 66%, 61%)

HSVhsv(67, 59%, 87%)

OKLCHoklch(86.1% 0.155 115.2)

CMYKcmyk(7%, 0%, 59%, 13%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CEDD5A Complementary#695ADD Analogous#DDAB5A Analogous#8CDD5A Triadic#5ACEDD Triadic#DD5ACE

Tints & Shades

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

Tints

#D4E26F #DCE788 #E2EB9E #E8EFB3 #EFF4C8 #F6F9E1

Shades

#C4D638 #ADBE27 #8E9D20 #6C7718 #4D5511 #2E330A

Use #CEDD5A in Our Tools

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