#CA772E

#CA772E

Color Values

HEX

#CA772E

RGB

202, 119, 46

HSL

28.1, 62.9%, 48.6%

HSV

28.1, 77.2%, 79.2%

CMYK

0.0%, 41.1%, 77.2%, 20.8%

OKLCH

0.6478 0.1339 57.8

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#CA772E

#2E81CA

Analogous

#CA2E33

#CAC52E

#CA772E

Triadic

#CA772E

#2ECA77

#772ECA

Split Complementary

#CA772E

#2ECAC5

#2E33CA

Tetradic

#CA772E

#33CA2E

#2E81CA

#C52ECA

Color Blindness Simulation

Original

#CA772E

Protanopia

#A6A540

Deuteranopia

#ABB144

Tritanopia

#C64E51

Achromatopsia

#838383

CSS Usage

background-color: #CA772E;
color: #CA772E;
border-color: #CA772E;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FBF7F3
100
#F7EDE4
200
#F2DAC5
300
#E8BF9B
400
#DC9D65
500
#D07A2F
600
#A66226
700
#854E1E
800
#683D18
900
#4C2F15
950
#301E0D

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

6.19:1

AA Pass AAA Fail

Related Articles

Brand Stories

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

2月 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026