#CCD1B3

#CCD1B3

Color Values

HEX

#CCD1B3

RGB

204, 209, 179

HSL

70.0, 24.6%, 76.1%

HSV

70.0, 14.4%, 82.0%

CMYK

2.4%, 0.0%, 14.4%, 18.0%

OKLCH

0.8488 0.0408 115.0

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#CCD1B3

#B8B3D1

Analogous

#D1C7B3

#BDD1B3

#CCD1B3

Triadic

#CCD1B3

#B3CCD1

#D1B3CC

Split Complementary

#CCD1B3

#B3BDD1

#C7B3D1

Tetradic

#CCD1B3

#B3D1C7

#B8B3D1

#D1B3BD

Color Blindness Simulation

Original

#CCD1B3

Protanopia

#CECEBA

Deuteranopia

#CECDBC

Tritanopia

#CCC0C1

Achromatopsia

#CECECE

CSS Usage

background-color: #CCD1B3;
color: #CCD1B3;
border-color: #CCD1B3;
Nearest Tailwind: Orange 100 #FFEDD5

Tailwind Shades

50
#F8F9F6
100
#F0F1E9
200
#E1E4D3
300
#CCD1B3
400
#B0B889
500
#949F60
600
#777F4D
700
#5F663E
800
#4A4F30
900
#383B26
950
#232518

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

13.34:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026