#CCD2B6

#CCD2B6

Color Values

HEX

#CCD2B6

RGB

204, 210, 182

HSL

72.9, 23.7%, 76.9%

HSV

72.9, 13.3%, 82.4%

CMYK

2.9%, 0.0%, 13.3%, 17.6%

OKLCH

0.8516 0.0384 117.0

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#CCD2B6

#BCB6D2

Analogous

#D2CAB6

#BED2B6

#CCD2B6

Triadic

#CCD2B6

#B6CCD2

#D2B6CC

Split Complementary

#CCD2B6

#B6BED2

#CAB6D2

Tetradic

#CCD2B6

#B6D2CA

#BCB6D2

#D2B6BE

Color Blindness Simulation

Original

#CCD2B6

Protanopia

#CFCFBD

Deuteranopia

#CECEBE

Tritanopia

#CCC2C3

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EFF1EA
200
#E0E4D3
300
#CAD0B3
400
#ADB78A
500
#919E61
600
#747E4E
700
#5D653E
800
#484F31
900
#363B26
950
#222518

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

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