#CCDBC7

#CCDBC7

Color Values

HEX

#CCDBC7

RGB

204, 219, 199

HSL

105,0, 21,7%, 82,0%

HSV

105,0, 9,1%, 85,9%

CMYK

6,8%, 0,0%, 9,1%, 14,1%

OKLCH

0,8746 0,0315 137,8

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#CCDBC7

#D6C7DB

Analogous

#D6DBC7

#C7DBCC

#CCDBC7

Triadic

#CCDBC7

#C7CCDB

#DBC7CC

Split Complementary

#CCDBC7

#CCC7DB

#DBC7D6

Tetradic

#CCDBC7

#C7D6DB

#D6C7DB

#DBCCC7

Color Blindness Simulation

Original

#CCDBC7

Protanopia

#D2D3CC

Deuteranopia

#D2D0CD

Tritanopia

#CDD0D0

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F7F9F6
100
#ECF0EA
200
#D7E3D4
300
#BBCFB5
400
#96B58C
500
#729B64
600
#5B7C50
700
#496340
800
#394E32
900
#2C3A27
950
#1C2519

Contrast Checker

Text on white

1,45:1

AA Fail AAA Fail

Text on black

14,52:1

AA Pass AAA Pass

Related Articles

Tutorials

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

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026