#CCBAAF

#CCBAAF

Color Values

HEX

#CCBAAF

RGB

204, 186, 175

HSL

22.8, 22.1%, 74.3%

HSV

22.8, 14.2%, 80.0%

CMYK

0.0%, 8.8%, 14.2%, 20.0%

OKLCH

0.801 0.0257 53.6

Properties

Warm Light Nearest: mistyrose 3

Color Harmonies

Complementary

#CCBAAF

#AFC1CC

Analogous

#CCAFB2

#CCC8AF

#CCBAAF

Triadic

#CCBAAF

#AFCCBA

#BAAFCC

Split Complementary

#CCBAAF

#AFCCC8

#AFB2CC

Tetradic

#CCBAAF

#B2CCAF

#AFC1CC

#C8AFCC

Color Blindness Simulation

Original

#CCBAAF

Protanopia

#C4C4B2

Deuteranopia

#C5C7B2

Tritanopia

#CBB4B4

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1ECEA
200
#E3D9D3
300
#CFBFB4
400
#B69C8C
500
#9C7963
600
#7D614F
700
#644D40
800
#4E3C32
900
#3A2E27
950
#251D19

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

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