#CAC6BC

#CAC6BC

Color Values

HEX

#CAC6BC

RGB

202, 198, 188

HSL

42,9, 11,7%, 76,5%

HSV

42,9, 6,9%, 79,2%

CMYK

0,0%, 2,0%, 6,9%, 20,8%

OKLCH

0,827 0,0144 88,7

Properties

Warm Light Nearest: seashell 3

Color Harmonies

Complementary

#CAC6BC

#BCC0CA

Analogous

#CABFBC

#C7CABC

#CAC6BC

Triadic

#CAC6BC

#BCCAC6

#C6BCCA

Split Complementary

#CAC6BC

#BCC7CA

#BFBCCA

Tetradic

#CAC6BC

#BCCABF

#BCC0CA

#CABCC7

Color Blindness Simulation

Original

#CAC6BC

Protanopia

#C8C8BE

Deuteranopia

#C8C9BF

Tritanopia

#CAC0C1

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EFEEEB
200
#DFDDD7
300
#C9C5BB
400
#ACA596
500
#8E8671
600
#726B5A
700
#5B5648
800
#474338
900
#36332B
950
#22201B

Contrast Checker

Text on white

1,71:1

AA Fail AAA Fail

Text on black

12,32: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