#CAA577

#CAA577

Color Values

HEX

#CAA577

RGB

202, 165, 119

HSL

33.3, 43.9%, 62.9%

HSV

33.3, 41.1%, 79.2%

CMYK

0.0%, 18.3%, 41.1%, 20.8%

OKLCH

0.7445 0.0753 72.3

Properties

Warm Light Nearest: burlywood 3

Color Harmonies

Complementary

#CAA577

#779CCA

Analogous

#CA7B77

#C5CA77

#CAA577

Triadic

#CAA577

#77CAA5

#A577CA

Split Complementary

#CAA577

#77C5CA

#7B77CA

Tetradic

#CAA577

#77CA7B

#779CCA

#CA77C5

Color Blindness Simulation

Original

#CAA577

Protanopia

#BABA82

Deuteranopia

#BCBF85

Tritanopia

#C88B8D

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4EEE6
200
#EBDDCC
300
#DDC5A7
400
#CAA577
500
#B78648
600
#936B39
700
#75562E
800
#5C4324
900
#44331D
950
#2B2013

Contrast Checker

Text on white

2.29:1

AA Fail AAA Fail

Text on black

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