#CBEC6A Color

#CBEC6A is rgb(203, 236, 106) in RGB and hsl(75, 77%, 67%) in HSL. The closest CSS named color is Khaki. Black text is most readable on this background.

#CBEC6A

HEX#CBEC6A

RGBrgb(203, 236, 106)

HSLhsl(75, 77%, 67%)

HSVhsv(75, 55%, 93%)

OKLCHoklch(89.3% 0.161 121.6)

CMYKcmyk(14%, 0%, 55%, 7%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CBEC6A Complementary#8A6AEC Analogous#ECCB6A Analogous#8AEC6A Triadic#6ACBEC Triadic#EC6ACB

Tints & Shades

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

Tints

#D2EE7C #D9F193 #E0F3A5 #E7F6BB #EEF9CD #F6FBE4

Shades

#BDE641 #ADDD1D #8DB517 #6D8C12 #4E630D #2E3B08

Use #CBEC6A in Our Tools

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