#CCD3BA

#CCD3BA

Color Values

HEX

#CCD3BA

RGB

204, 211, 186

HSL

76.8, 22.1%, 77.8%

HSV

76.8, 11.8%, 82.7%

CMYK

3.3%, 0.0%, 11.8%, 17.3%

OKLCH

0.8547 0.0346 119.9

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#CCD3BA

#C1BAD3

Analogous

#D3CDBA

#BFD3BA

#CCD3BA

Triadic

#CCD3BA

#BACCD3

#D3BACC

Split Complementary

#CCD3BA

#BABFD3

#CDBAD3

Tetradic

#CCD3BA

#BAD3CD

#C1BAD3

#D3BABF

Color Blindness Simulation

Original

#CCD3BA

Protanopia

#CFCFC0

Deuteranopia

#CFCEC2

Tritanopia

#CCC5C6

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EFF1EA
200
#DFE3D3
300
#C8CFB4
400
#AAB68C
500
#8C9C63
600
#707D4F
700
#5A6440
800
#464E32
900
#353A27
950
#212519

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

13.59:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026