#CAA97E

#CAA97E

Color Values

HEX

#CAA97E

RGB

202, 169, 126

HSL

33.9, 41.8%, 64.3%

HSV

33.9, 37.6%, 79.2%

CMYK

0.0%, 16.3%, 37.6%, 20.8%

OKLCH

0.7538 0.0694 73.8

Properties

Warm Light Nearest: burlywood 3

Color Harmonies

Complementary

#CAA97E

#7E9FCA

Analogous

#CA837E

#C5CA7E

#CAA97E

Triadic

#CAA97E

#7ECAA9

#A97ECA

Split Complementary

#CAA97E

#7EC5CA

#837ECA

Tetradic

#CAA97E

#7ECA83

#7E9FCA

#CA7EC5

Color Blindness Simulation

Original

#CAA97E

Protanopia

#BCBB88

Deuteranopia

#BEC08B

Tritanopia

#C89192

Achromatopsia

#ADADAD

CSS Usage

background-color: #CAA97E;
color: #CAA97E;
border-color: #CAA97E;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FAF8F5
100
#F3EEE7
200
#EADDCC
300
#DBC5A8
400
#C8A679
500
#B5864A
600
#916C3B
700
#74562F
800
#5A4325
900
#43331E
950
#2A2013

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

9.49:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026