#CEE4C2

#CEE4C2

Color Values

HEX

#CEE4C2

RGB

206, 228, 194

HSL

98.8, 38.6%, 82.7%

HSV

98.8, 14.9%, 89.4%

CMYK

9.6%, 0.0%, 14.9%, 10.6%

OKLCH

0.8935 0.0513 134.5

Properties

Cool Light Nearest: lightyellow 2

Color Harmonies

Complementary

#CEE4C2

#D8C2E4

Analogous

#DFE4C2

#C2E4C7

#CEE4C2

Triadic

#CEE4C2

#C2CEE4

#E4C2CE

Split Complementary

#CEE4C2

#C7C2E4

#E4C2DF

Tetradic

#CEE4C2

#C2DFE4

#D8C2E4

#E4C7C2

Color Blindness Simulation

Original

#CEE4C2

Protanopia

#D8D8CA

Deuteranopia

#D6D5CC

Tritanopia

#CFD1D2

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EBF3E7
200
#D7E9CE
300
#BBD9AA
400
#96C57C
500
#71B14E
600
#5A8D3F
700
#487132
800
#395827
900
#2C4120
950
#1B2914

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

15.5:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026