#CA2702

#CA2702

Color Values

HEX

#CA2702

RGB

202, 39, 2

HSL

11.1, 98.0%, 40.0%

HSV

11.1, 99.0%, 79.2%

CMYK

0.0%, 80.7%, 99.0%, 20.8%

OKLCH

0.5429 0.2015 32.6

Properties

Warm Dark Nearest: orangered 3

Color Harmonies

Complementary

#CA2702

#02A5CA

Analogous

#CA0241

#CA8B02

#CA2702

Triadic

#CA2702

#02CA27

#2702CA

Split Complementary

#CA2702

#02CA8B

#0241CA

Tetradic

#CA2702

#41CA02

#02A5CA

#8B02CA

Color Blindness Simulation

Original

#CA2702

Protanopia

#83820B

Deuteranopia

#8D990D

Tritanopia

#C21214

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#FEF3F1
100
#FCE4DE
200
#FEC5B8
300
#FE9C86
400
#FD6644
500
#FC3103
600
#CA2702
700
#A21F02
800
#7E1801
900
#5B1606
950
#3A0E04

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

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