#CA4702

#CA4702

Color Values

HEX

#CA4702

RGB

202, 71, 2

HSL

20.7, 98.0%, 40.0%

HSV

20.7, 99.0%, 79.2%

CMYK

0.0%, 64.9%, 99.0%, 20.8%

OKLCH

0.5736 0.1778 40.4

Properties

Warm Dark Nearest: orangered 3

Color Harmonies

Complementary

#CA4702

#0285CA

Analogous

#CA0221

#CAAB02

#CA4702

Triadic

#CA4702

#02CA47

#4702CA

Split Complementary

#CA4702

#02CAAB

#0221CA

Tetradic

#CA4702

#21CA02

#0285CA

#AB02CA

Color Blindness Simulation

Original

#CA4702

Protanopia

#919013

Deuteranopia

#99A317

Tritanopia

#C32023

Achromatopsia

#5E5E5E

CSS Usage

background-color: #CA4702;
color: #CA4702;
border-color: #CA4702;
Nearest Tailwind: Orange 700 #C2410C

Tailwind Shades

50
#FEF5F1
100
#FCE9DE
200
#FED0B8
300
#FEAF86
400
#FD8444
500
#FC5903
600
#CA4702
700
#A23902
800
#7E2C01
900
#5B2306
950
#3A1604

Contrast Checker

Text on white

4.76:1

AA Pass AAA Fail

Text on black

4.41:1

AA Fail 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