#CA4502

#CA4502

Color Values

HEX

#CA4502

RGB

202, 69, 2

HSL

20.1, 98.0%, 40.0%

HSV

20.1, 99.0%, 79.2%

CMYK

0.0%, 65.8%, 99.0%, 20.8%

OKLCH

0.5712 0.1794 39.7

Properties

Warm Dark Nearest: orangered 3

Color Harmonies

Complementary

#CA4502

#0287CA

Analogous

#CA0223

#CAA902

#CA4502

Triadic

#CA4502

#02CA45

#4502CA

Split Complementary

#CA4502

#02CAA9

#0223CA

Tetradic

#CA4502

#23CA02

#0287CA

#A902CA

Color Blindness Simulation

Original

#CA4502

Protanopia

#908F12

Deuteranopia

#98A216

Tritanopia

#C31F22

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FEF5F1
100
#FCE8DE
200
#FED0B8
300
#FEAE86
400
#FD8244
500
#FC5603
600
#CA4502
700
#A23702
800
#7E2B01
900
#5B2206
950
#3A1604

Contrast Checker

Text on white

4.81:1

AA Pass AAA Fail

Text on black

4.36:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026