#CA7302

#CA7302

Color Values

HEX

#CA7302

RGB

202, 115, 2

HSL

33.9, 98.0%, 40.0%

HSV

33.9, 99.0%, 79.2%

CMYK

0.0%, 43.1%, 99.0%, 20.8%

OKLCH

0.6388 0.1475 61.3

Properties

Warm Light Nearest: darkorange 3

Color Harmonies

Complementary

#CA7302

#0259CA

Analogous

#CA0F02

#BDCA02

#CA7302

Triadic

#CA7302

#02CA73

#7302CA

Split Complementary

#CA7302

#02BDCA

#0F02CA

Tetradic

#CA7302

#02CA0F

#0259CA

#CA02BD

Color Blindness Simulation

Original

#CA7302

Protanopia

#A4A41D

Deuteranopia

#A9B024

Tritanopia

#C63338

Achromatopsia

#7D7D7D

CSS Usage

background-color: #CA7302;
color: #CA7302;
border-color: #CA7302;
Nearest Tailwind: Amber 600 #D97706

Tailwind Shades

50
#FEF8F1
100
#FCEFDE
200
#FEE0B8
300
#FECA86
400
#FDAD44
500
#FC9003
600
#CA7302
700
#A25C02
800
#7E4801
900
#5B3606
950
#3A2204

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

5.96:1

AA Pass AAA Fail

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