#CAA395

#CAA395

Color Values

HEX

#CAA395

RGB

202, 163, 149

HSL

15.8, 33.3%, 68.8%

HSV

15.8, 26.2%, 79.2%

CMYK

0.0%, 19.3%, 26.2%, 20.8%

OKLCH

0.7471 0.0505 40.7

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#CAA395

#95BCCA

Analogous

#CA95A1

#CABD95

#CAA395

Triadic

#CAA395

#95CAA3

#A395CA

Split Complementary

#CAA395

#95CABD

#95A1CA

Tetradic

#CAA395

#A1CA95

#95BCCA

#BD95CA

Color Blindness Simulation

Original

#CAA395

Protanopia

#B9B998

Deuteranopia

#BBBE99

Tritanopia

#C89B9C

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#FAF6F5
100
#F2EBE8
200
#E7D6CF
300
#D6B8AD
400
#C09281
500
#AA6B55
600
#885644
700
#6D4536
800
#55362B
900
#3F2A22
950
#281A15

Contrast Checker

Text on white

2.29:1

AA Fail AAA Fail

Text on black

9.18:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026