#CAAA96

#CAAA96

Color Values

HEX

#CAAA96

RGB

202, 170, 150

HSL

23.1, 32.9%, 69.0%

HSV

23.1, 25.7%, 79.2%

CMYK

0.0%, 15.8%, 25.7%, 20.8%

OKLCH

0.761 0.0468 53.8

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#CAAA96

#96B6CA

Analogous

#CA969C

#CAC496

#CAAA96

Triadic

#CAAA96

#96CAAA

#AA96CA

Split Complementary

#CAAA96

#96CAC4

#969CCA

Tetradic

#CAAA96

#9CCA96

#96B6CA

#C496CA

Color Blindness Simulation

Original

#CAAA96

Protanopia

#BCBC9B

Deuteranopia

#BEC09C

Tritanopia

#C89FA0

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2ECE8
200
#E7D9D0
300
#D6BDAE
400
#C09A82
500
#A97656
600
#885E44
700
#6C4B37
800
#553B2B
900
#3F2D22
950
#281D16

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

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