#C9DCCC

#C9DCCC

Color Values

HEX

#C9DCCC

RGB

201, 220, 204

HSL

129.5, 21.3%, 82.5%

HSV

129.5, 8.6%, 86.3%

CMYK

8.6%, 0.0%, 7.3%, 13.7%

OKLCH

0.8758 0.0298 150.1

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#C9DCCC

#DCC9D9

Analogous

#CFDCC9

#C9DCD5

#C9DCCC

Triadic

#C9DCCC

#CCC9DC

#DCCCC9

Split Complementary

#C9DCCC

#D5C9DC

#DCC9CF

Tetradic

#C9DCCC

#C9CFDC

#DCC9D9

#DCD5C9

Color Blindness Simulation

Original

#C9DCCC

Protanopia

#D1D1D0

Deuteranopia

#D0CFD1

Tritanopia

#CAD3D4

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#EAF0EB
200
#D4E3D6
300
#B5CFB9
400
#8DB593
500
#649B6D
600
#507C57
700
#406346
800
#324D36
900
#273A2A
950
#19241B

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

14.59:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026