#CCD4BE

#CCD4BE

Color Values

HEX

#CCD4BE

RGB

204, 212, 190

HSL

81.8, 20.4%, 78.8%

HSV

81.8, 10.4%, 83.1%

CMYK

3.8%, 0.0%, 10.4%, 16.9%

OKLCH

0.8578 0.031 123.4

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#CCD4BE

#C6BED4

Analogous

#D4D1BE

#C1D4BE

#CCD4BE

Triadic

#CCD4BE

#BECCD4

#D4BECC

Split Complementary

#CCD4BE

#BEC1D4

#D1BED4

Tetradic

#CCD4BE

#BED4D1

#C6BED4

#D4BEC1

Color Blindness Simulation

Original

#CCD4BE

Protanopia

#CFD0C3

Deuteranopia

#CFCEC5

Tritanopia

#CCC8C8

Achromatopsia

#D1D1D1

CSS Usage

background-color: #CCD4BE;
color: #CCD4BE;
border-color: #CCD4BE;
Nearest Tailwind: Stone 300 #D6D3D1

Tailwind Shades

50
#F8F9F6
100
#EEF0EA
200
#DDE3D4
300
#C5CEB5
400
#A6B48D
500
#879A65
600
#6C7B51
700
#566241
800
#434D33
900
#333928
950
#202419

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

13.73: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