#CCC0A3

#CCC0A3

Color Values

HEX

#CCC0A3

RGB

204, 192, 163

HSL

42.4, 28.7%, 72.0%

HSV

42.4, 20.1%, 80.0%

CMYK

0.0%, 5.9%, 20.1%, 20.0%

OKLCH

0.8101 0.0416 88.2

Properties

Warm Light Nearest: cornsilk 3

Color Harmonies

Complementary

#CCC0A3

#A3AFCC

Analogous

#CCACA3

#C4CCA3

#CCC0A3

Triadic

#CCC0A3

#A3CCC0

#C0A3CC

Split Complementary

#CCC0A3

#A3C4CC

#ACA3CC

Tetradic

#CCC0A3

#A3CCAC

#A3AFCC

#CCA3C4

Color Blindness Simulation

Original

#CCC0A3

Protanopia

#C7C7AA

Deuteranopia

#C8C8AC

Tritanopia

#CBB0B1

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F2EFE9
200
#E6E0D1
300
#D3C9B0
400
#BCAC86
500
#A48F5B
600
#837249
700
#695B3A
800
#52472D
900
#3D3624
950
#272217

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

11.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