#CA1202

#CA1202

Color Values

HEX

#CA1202

RGB

202, 18, 2

HSL

4.8, 98.0%, 40.0%

HSV

4.8, 99.0%, 79.2%

CMYK

0.0%, 91.1%, 99.0%, 20.8%

OKLCH

0.5318 0.2115 30.1

Properties

Warm Dark Nearest: RAL 3020 Traffic Red

Color Harmonies

Complementary

#CA1202

#02BACA

Analogous

#CA0256

#CA7602

#CA1202

Triadic

#CA1202

#02CA12

#1202CA

Split Complementary

#CA1202

#02CA76

#0256CA

Tetradic

#CA1202

#56CA02

#02BACA

#7602CA

Color Blindness Simulation

Original

#CA1202

Protanopia

#7A7906

Deuteranopia

#859307

Tritanopia

#C1090A

Achromatopsia

#383838

CSS Usage

background-color: #CA1202;
color: #CA1202;
border-color: #CA1202;
Nearest Tailwind: Red 600 #DC2626

Tailwind Shades

50
#FEF2F1
100
#FCE1DE
200
#FEBEB8
300
#FE8F86
400
#FD5344
500
#FC1703
600
#CA1202
700
#A20E02
800
#7E0B01
900
#5B0D06
950
#3A0804

Contrast Checker

Text on white

5.84:1

AA Pass AAA Fail

Text on black

3.6:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026