#CAA77F

#CAA77F

Color Values

HEX

#CAA77F

RGB

202, 167, 127

HSL

32.0, 41.4%, 64.5%

HSV

32.0, 37.1%, 79.2%

CMYK

0.0%, 17.3%, 37.1%, 20.8%

OKLCH

0.75 0.0678 70.2

Properties

Warm Light Nearest: burlywood 3

Color Harmonies

Complementary

#CAA77F

#7FA2CA

Analogous

#CA817F

#C7CA7F

#CAA77F

Triadic

#CAA77F

#7FCAA7

#A77FCA

Split Complementary

#CAA77F

#7FC7CA

#817FCA

Tetradic

#CAA77F

#7FCA81

#7FA2CA

#CA7FC7

Color Blindness Simulation

Original

#CAA77F

Protanopia

#BBBB89

Deuteranopia

#BDBF8B

Tritanopia

#C89092

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EEE7
200
#EADCCD
300
#DBC3A8
400
#C8A37A
500
#B4834B
600
#90693C
700
#735430
800
#5A4225
900
#43321E
950
#2A1F13

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

9.35:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026