#CBF56B Color

#CBF56B is rgb(203, 245, 107) in RGB and hsl(78, 87%, 69%) in HSL. The closest CSS named color is Khaki. Black text is most readable on this background.

#CBF56B

HEX#CBF56B

RGBrgb(203, 245, 107)

HSLhsl(78, 87%, 69%)

HSVhsv(78, 56%, 96%)

OKLCHoklch(91.3% 0.171 123.9)

CMYKcmyk(17%, 0%, 56%, 4%)

Text Contrast & Accessibility

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

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

TextBlack text16.81:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#CBF56B Complementary#946BF5 Analogous#F5D96B Analogous#87F56B Triadic#6BCBF5 Triadic#F56BCB

Tints & Shades

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

Tints

#D2F67E #D9F791 #DFF9A4 #E8FABC #EEFCCF #F5FDE2

Shades

#BCF240 #ACEE11 #8DC40E #6E990B #4F6E08 #2D3E04

Use #CBF56B in Our Tools

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