#CECE46 Color

#CECE46 is rgb(206, 206, 70) in RGB and hsl(60, 58%, 54%) in HSL. The closest CSS named color is DarkKhaki. Black text is most readable on this background.

#CECE46

HEX#CECE46

RGBrgb(206, 206, 70)

HSLhsl(60, 58%, 54%)

HSVhsv(60, 66%, 81%)

OKLCHoklch(82.7% 0.154 109.3)

CMYKcmyk(0%, 0%, 66%, 19%)

Text Contrast & Accessibility

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

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

TextBlack text12.54:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#CECE46 Complementary#4646CE Analogous#CE8A46 Analogous#8ACE46 Triadic#46CECE Triadic#CE46CE

Tints & Shades

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

Tints

#D4D45E #DCDC7A #E2E292 #E9E9AA #EFEFC3 #F6F6DF

Shades

#BDBD32 #A1A12B #858523 #65651B #494913 #2C2C0C

Use #CECE46 in Our Tools

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