#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