#CBE2CC

#CBE2CC

Color Values

HEX

#CBE2CC

RGB

203, 226, 204

HSL

122.6, 28.4%, 84.1%

HSV

122.6, 10.2%, 88.6%

CMYK

10.2%, 0.0%, 9.7%, 11.4%

OKLCH

0.8897 0.0385 146.4

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#CBE2CC

#E2CBE1

Analogous

#D5E2CB

#CBE2D7

#CBE2CC

Triadic

#CBE2CC

#CCCBE2

#E2CCCB

Split Complementary

#CBE2CC

#D7CBE2

#E2CBD5

Tetradic

#CBE2CC

#CBD5E2

#E2CBE1

#E2D7CB

Color Blindness Simulation

Original

#CBE2CC

Protanopia

#D5D5D1

Deuteranopia

#D4D2D3

Tritanopia

#CCD6D6

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#E9F1E9
200
#D1E5D2
300
#B0D3B2
400
#86BB88
500
#5BA45E
600
#49834C
700
#3A693C
800
#2E522F
900
#243D25
950
#172617

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

15.29:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026