#CAA77C

#CAA77C

Color Values

HEX

#CAA77C

RGB

202, 167, 124

HSL

33.1, 42.4%, 63.9%

HSV

33.1, 38.6%, 79.2%

CMYK

0.0%, 17.3%, 38.6%, 20.8%

OKLCH

0.7494 0.0708 72.2

Properties

Warm Light Nearest: burlywood 3

Color Harmonies

Complementary

#CAA77C

#7C9FCA

Analogous

#CA807C

#C6CA7C

#CAA77C

Triadic

#CAA77C

#7CCAA7

#A77CCA

Split Complementary

#CAA77C

#7CC6CA

#807CCA

Tetradic

#CAA77C

#7CCA80

#7C9FCA

#CA7CC6

Color Blindness Simulation

Original

#CAA77C

Protanopia

#BBBB86

Deuteranopia

#BDBF89

Tritanopia

#C88F90

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F4EEE7
200
#EADDCC
300
#DCC4A8
400
#C9A579
500
#B68549
600
#916A3B
700
#74552F
800
#5B4325
900
#43321E
950
#2A2013

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

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