#CCCAB0

#CCCAB0

Color Values

HEX

#CCCAB0

RGB

204, 202, 176

HSL

55.7, 21.5%, 74.5%

HSV

55.7, 13.7%, 80.0%

CMYK

0.0%, 1.0%, 13.7%, 20.0%

OKLCH

0.8336 0.0353 103.5

Properties

Warm Light Nearest: lightyellow 3

Color Harmonies

Complementary

#CCCAB0

#B0B2CC

Analogous

#CCBCB0

#C0CCB0

#CCCAB0

Triadic

#CCCAB0

#B0CCCA

#CAB0CC

Split Complementary

#CCCAB0

#B0C0CC

#BCB0CC

Tetradic

#CCCAB0

#B0CCBC

#B0B2CC

#CCB0C0

Color Blindness Simulation

Original

#CCCAB0

Protanopia

#CBCBB6

Deuteranopia

#CBCBB8

Tritanopia

#CCBBBC

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F9F9F6
100
#F0F0EA
200
#E3E2D4
300
#CFCDB5
400
#B5B28C
500
#9B9764
600
#7C7950
700
#636140
800
#4D4B32
900
#3A3827
950
#252419

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

12.64: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