#CAA2AC

#CAA2AC

Color Values

HEX

#CAA2AC

RGB

202, 162, 172

HSL

345,0, 27,4%, 71,4%

HSV

345,0, 19,8%, 79,2%

CMYK

0,0%, 19,8%, 14,9%, 20,8%

OKLCH

0,7514 0,0489 1,6

Properties

Warm Light Nearest: rosybrown 3

Color Harmonies

Complementary

#CAA2AC

#A2CAC0

Analogous

#CAA2C0

#CAACA2

#CAA2AC

Triadic

#CAA2AC

#ACCAA2

#A2ACCA

Split Complementary

#CAA2AC

#A2CAAC

#A2C0CA

Tetradic

#CAA2AC

#C0CAA2

#A2CAC0

#ACA2CA

Color Blindness Simulation

Original

#CAA2AC

Protanopia

#B9B8AA

Deuteranopia

#BBBEA9

Tritanopia

#C8A8A7

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1E9EB
200
#E5D2D6
300
#D3B1B9
400
#BB8794
500
#A25D6E
600
#824A58
700
#683B46
800
#512E37
900
#3C252A
950
#26171B

Contrast Checker

Text on white

2,26:1

AA Fail AAA Fail

Text on black

9,28: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