#CAA667

#CAA667

Color Values

HEX

#CAA667

RGB

202, 166, 103

HSL

38.2, 48.3%, 59.8%

HSV

38.2, 49.0%, 79.2%

CMYK

0.0%, 17.8%, 49.0%, 20.8%

OKLCH

0.7437 0.0915 80.6

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#CAA667

#678BCA

Analogous

#CA7567

#BCCA67

#CAA667

Triadic

#CAA667

#67CAA6

#A667CA

Split Complementary

#CAA667

#67BCCA

#7567CA

Tetradic

#CAA667

#67CA75

#678BCA

#CA67BC

Color Blindness Simulation

Original

#CAA667

Protanopia

#BABA76

Deuteranopia

#BCBF7A

Tritanopia

#C88285

Achromatopsia

#A9A9A9

CSS Usage

background-color: #CAA667;
color: #CAA667;
border-color: #CAA667;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FAF8F4
100
#F4EFE6
200
#EDE0CA
300
#DFCAA4
400
#CEAD73
500
#BD9042
600
#977335
700
#795C2A
800
#5F4821
900
#46361B
950
#2C2211

Contrast Checker

Text on white

2.29:1

AA Fail AAA Fail

Text on black

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