#CCCDC0

#CCCDC0

Color Values

HEX

#CCCDC0

RGB

204, 205, 192

HSL

64.6, 11.5%, 77.8%

HSV

64.6, 6.3%, 80.4%

CMYK

0.5%, 0.0%, 6.3%, 19.6%

OKLCH

0.8439 0.0177 110.3

Properties

Cool Light Nearest: ivory 3

Color Harmonies

Complementary

#CCCDC0

#C1C0CD

Analogous

#CDC7C0

#C5CDC0

#CCCDC0

Triadic

#CCCDC0

#C0CCCD

#CDC0CC

Split Complementary

#CCCDC0

#C0C5CD

#C7C0CD

Tetradic

#CCCDC0

#C0CDC7

#C1C0CD

#CDC0C5

Color Blindness Simulation

Original

#CCCDC0

Protanopia

#CCCCC3

Deuteranopia

#CCCCC4

Tritanopia

#CCC6C6

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EFEFEB
200
#DFDFD7
300
#C8C9BB
400
#AAAC96
500
#8C8E71
600
#70725A
700
#5A5B48
800
#464738
900
#35352B
950
#21221B

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

13.06:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026