#CA2802

#CA2802

Color Values

HEX

#CA2802

RGB

202, 40, 2

HSL

11.4, 98.0%, 40.0%

HSV

11.4, 99.0%, 79.2%

CMYK

0.0%, 80.2%, 99.0%, 20.8%

OKLCH

0.5436 0.2009 32.7

Properties

Warm Dark Nearest: orangered 3

Color Harmonies

Complementary

#CA2802

#02A4CA

Analogous

#CA0240

#CA8C02

#CA2802

Triadic

#CA2802

#02CA28

#2802CA

Split Complementary

#CA2802

#02CA8C

#0240CA

Tetradic

#CA2802

#40CA02

#02A4CA

#8C02CA

Color Blindness Simulation

Original

#CA2802

Protanopia

#84820B

Deuteranopia

#8D990D

Tritanopia

#C21214

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#FEF3F1
100
#FCE4DE
200
#FEC6B8
300
#FE9D86
400
#FD6744
500
#FC3203
600
#CA2802
700
#A22002
800
#7E1901
900
#5B1606
950
#3A0E04

Contrast Checker

Text on white

5.5:1

AA Pass AAA Fail

Text on black

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