#CA2C02

#CA2C02

Color Values

HEX

#CA2C02

RGB

202, 44, 2

HSL

12.6, 98.0%, 40.0%

HSV

12.6, 99.0%, 79.2%

CMYK

0.0%, 78.2%, 99.0%, 20.8%

OKLCH

0.5466 0.1983 33.4

Properties

Warm Dark Nearest: orangered 3

Color Harmonies

Complementary

#CA2C02

#02A0CA

Analogous

#CA023C

#CA9002

#CA2C02

Triadic

#CA2C02

#02CA2C

#2C02CA

Split Complementary

#CA2C02

#02CA90

#023CCA

Tetradic

#CA2C02

#3CCA02

#02A0CA

#9002CA

Color Blindness Simulation

Original

#CA2C02

Protanopia

#86840C

Deuteranopia

#8F9B0F

Tritanopia

#C21416

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE5DE
200
#FEC7B8
300
#FE9F86
400
#FD6B44
500
#FC3703
600
#CA2C02
700
#A22302
800
#7E1C01
900
#5B1806
950
#3A0F04

Contrast Checker

Text on white

5.42:1

AA Pass AAA Fail

Text on black

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