#CCCCBA

#CCCCBA

Color Values

HEX

#CCCCBA

RGB

204, 204, 186

HSL

60.0, 15.0%, 76.5%

HSV

60.0, 8.8%, 80.0%

CMYK

0.0%, 0.0%, 8.8%, 20.0%

OKLCH

0.8403 0.0245 106.9

Properties

Warm Light Nearest: ivory 3

Color Harmonies

Complementary

#CCCCBA

#BABACC

Analogous

#CCC3BA

#C3CCBA

#CCCCBA

Triadic

#CCCCBA

#BACCCC

#CCBACC

Split Complementary

#CCCCBA

#BAC3CC

#C3BACC

Tetradic

#CCCCBA

#BACCC3

#BABACC

#CCBAC3

Color Blindness Simulation

Original

#CCCCBA

Protanopia

#CCCCBE

Deuteranopia

#CCCCBF

Tritanopia

#CCC2C3

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFEFEB
200
#E1E1D6
300
#CBCBB9
400
#AFAF92
500
#93936C
600
#757557
700
#5E5E45
800
#494936
900
#37372A
950
#23231A

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

12.91:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026