#CCAAA2

#CCAAA2

Color Values

HEX

#CCAAA2

RGB

204, 170, 162

HSL

11.4, 29.2%, 71.8%

HSV

11.4, 20.6%, 80.0%

CMYK

0.0%, 16.7%, 20.6%, 20.0%

OKLCH

0.7659 0.0416 33.4

Properties

Warm Light Nearest: mistyrose 3

Color Harmonies

Complementary

#CCAAA2

#A2C4CC

Analogous

#CCA2AF

#CCBFA2

#CCAAA2

Triadic

#CCAAA2

#A2CCAA

#AAA2CC

Split Complementary

#CCAAA2

#A2CCBF

#A2AFCC

Tetradic

#CCAAA2

#AFCCA2

#A2C4CC

#BFA2CC

Color Blindness Simulation

Original

#CCAAA2

Protanopia

#BDBDA4

Deuteranopia

#BFC2A4

Tritanopia

#CAA5A6

Achromatopsia

#B1B1B1

CSS Usage

background-color: #CCAAA2;
color: #CCAAA2;
border-color: #CCAAA2;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F9F6F5
100
#F2EAE9
200
#E6D5D1
300
#D4B7B0
400
#BC9085
500
#A5685A
600
#845448
700
#69433A
800
#52342D
900
#3D2924
950
#271A17

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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