#CA2B02

#CA2B02

Color Values

HEX

#CA2B02

RGB

202, 43, 2

HSL

12.3, 98.0%, 40.0%

HSV

12.3, 99.0%, 79.2%

CMYK

0.0%, 78.7%, 99.0%, 20.8%

OKLCH

0.5458 0.199 33.2

Properties

Warm Dark Nearest: orangered 3

Color Harmonies

Complementary

#CA2B02

#02A1CA

Analogous

#CA023D

#CA8F02

#CA2B02

Triadic

#CA2B02

#02CA2B

#2B02CA

Split Complementary

#CA2B02

#02CA8F

#023DCA

Tetradic

#CA2B02

#3DCA02

#02A1CA

#8F02CA

Color Blindness Simulation

Original

#CA2B02

Protanopia

#85840C

Deuteranopia

#8E9A0E

Tritanopia

#C21415

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE4DE
200
#FEC7B8
300
#FE9E86
400
#FD6A44
500
#FC3603
600
#CA2B02
700
#A22202
800
#7E1B01
900
#5B1706
950
#3A0F04

Contrast Checker

Text on white

5.44:1

AA Pass AAA Fail

Text on black

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