#CBE6CC

#CBE6CC

Color Values

HEX

#CBE6CC

RGB

203, 230, 204

HSL

122.2, 35.1%, 84.9%

HSV

122.2, 11.7%, 90.2%

CMYK

11.7%, 0.0%, 11.3%, 9.8%

OKLCH

0.8981 0.0452 146.2

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#CBE6CC

#E6CBE5

Analogous

#D8E6CB

#CBE6D9

#CBE6CC

Triadic

#CBE6CC

#CCCBE6

#E6CCCB

Split Complementary

#CBE6CC

#D9CBE6

#E6CBD8

Tetradic

#CBE6CC

#CBD8E6

#E6CBE5

#E6D9CB

Color Blindness Simulation

Original

#CBE6CC

Protanopia

#D7D7D2

Deuteranopia

#D5D3D4

Tritanopia

#CCD7D8

Achromatopsia

#DEDEDE

CSS Usage

background-color: #CBE6CC;
color: #CBE6CC;
border-color: #CBE6CC;
Nearest Tailwind: Green 100 #DCFCE7

Tailwind Shades

50
#F5FAF5
100
#E8F2E8
200
#CFE8D0
300
#ACD7AE
400
#80C282
500
#53AC56
600
#428A45
700
#356E37
800
#29562B
900
#214022
950
#152816

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

15.73:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026