#CA7B2C

#CA7B2C

Color Values

HEX

#CA7B2C

RGB

202, 123, 44

HSL

30.0, 64.2%, 48.2%

HSV

30.0, 78.2%, 79.2%

CMYK

0.0%, 39.1%, 78.2%, 20.8%

OKLCH

0.6547 0.1332 61.0

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#CA7B2C

#2C7BCA

Analogous

#CA2C2C

#CACA2C

#CA7B2C

Triadic

#CA7B2C

#2CCA7B

#7B2CCA

Split Complementary

#CA7B2C

#2CCACA

#2C2CCA

Tetradic

#CA7B2C

#2CCA2C

#2C7BCA

#CA2CCA

Color Blindness Simulation

Original

#CA7B2C

Protanopia

#A8A73F

Deuteranopia

#ACB244

Tritanopia

#C64E52

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F7EDE3
200
#F2DBC4
300
#E9C29B
400
#DDA164
500
#D1802E
600
#A76625
700
#86521D
800
#694017
900
#4C3014
950
#301F0D

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

6.38:1

AA Pass AAA Fail

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