#CA3002

#CA3002

Color Values

HEX

#CA3002

RGB

202, 48, 2

HSL

13.8, 98.0%, 40.0%

HSV

13.8, 99.0%, 79.2%

CMYK

0.0%, 76.2%, 99.0%, 20.8%

OKLCH

0.5499 0.1956 34.2

Properties

Warm Dark Nearest: orangered 3

Color Harmonies

Complementary

#CA3002

#029CCA

Analogous

#CA0238

#CA9402

#CA3002

Triadic

#CA3002

#02CA30

#3002CA

Split Complementary

#CA3002

#02CA94

#0238CA

Tetradic

#CA3002

#38CA02

#029CCA

#9402CA

Color Blindness Simulation

Original

#CA3002

Protanopia

#87860D

Deuteranopia

#909C10

Tritanopia

#C21618

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE5DE
200
#FEC8B8
300
#FEA186
400
#FD6F44
500
#FC3C03
600
#CA3002
700
#A22602
800
#7E1E01
900
#5B1906
950
#3A1004

Contrast Checker

Text on white

5.34:1

AA Pass AAA Fail

Text on black

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