#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

1월 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1월 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1월 15, 2026