#CA3702

#CA3702

Color Values

HEX

#CA3702

RGB

202, 55, 2

HSL

15.9, 98.0%, 40.0%

HSV

15.9, 99.0%, 79.2%

CMYK

0.0%, 72.8%, 99.0%, 20.8%

OKLCH

0.5562 0.1905 35.8

Properties

Warm Dark Nearest: orangered 3

Color Harmonies

Complementary

#CA3702

#0295CA

Analogous

#CA0231

#CA9B02

#CA3702

Triadic

#CA3702

#02CA37

#3702CA

Split Complementary

#CA3702

#02CA9B

#0231CA

Tetradic

#CA3702

#31CA02

#0295CA

#9B02CA

Color Blindness Simulation

Original

#CA3702

Protanopia

#8A890F

Deuteranopia

#939E12

Tritanopia

#C3191B

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE6DE
200
#FECBB8
300
#FEA686
400
#FD7544
500
#FC4503
600
#CA3702
700
#A22C02
800
#7E2201
900
#5B1C06
950
#3A1204

Contrast Checker

Text on white

5.17:1

AA Pass AAA Fail

Text on black

4.06: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