#CCC4B8

#CCC4B8

Color Values

HEX

#CCC4B8

RGB

204, 196, 184

HSL

36,0, 16,4%, 76,1%

HSV

36,0, 9,8%, 80,0%

CMYK

0,0%, 3,9%, 9,8%, 20,0%

OKLCH

0,8235 0,0188 78,2

Properties

Warm Light Nearest: seashell 3

Color Harmonies

Complementary

#CCC4B8

#B8C0CC

Analogous

#CCBAB8

#CACCB8

#CCC4B8

Triadic

#CCC4B8

#B8CCC4

#C4B8CC

Split Complementary

#CCC4B8

#B8CACC

#BAB8CC

Tetradic

#CCC4B8

#B8CCBA

#B8C0CC

#CCB8CA

Color Blindness Simulation

Original

#CCC4B8

Protanopia

#C9C8BB

Deuteranopia

#C9CABC

Tritanopia

#CCBDBE

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#F0EEEB
200
#E1DCD5
300
#CCC4B8
400
#B0A491
500
#94846B
600
#776955
700
#5F5444
800
#4A4235
900
#383229
950
#23201A

Contrast Checker

Text on white

1,73:1

AA Fail AAA Fail

Text on black

12,16:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026