#CA1F02

#CA1F02

Color Values

HEX

#CA1F02

RGB

202, 31, 2

HSL

8.7, 98.0%, 40.0%

HSV

8.7, 99.0%, 79.2%

CMYK

0.0%, 84.7%, 99.0%, 20.8%

OKLCH

0.5378 0.206 31.4

Properties

Warm Dark Nearest: RAL 3020 Traffic Red

Color Harmonies

Complementary

#CA1F02

#02ADCA

Analogous

#CA0249

#CA8302

#CA1F02

Triadic

#CA1F02

#02CA1F

#1F02CA

Split Complementary

#CA1F02

#02CA83

#0249CA

Tetradic

#CA1F02

#49CA02

#02ADCA

#8302CA

Color Blindness Simulation

Original

#CA1F02

Protanopia

#807E09

Deuteranopia

#8A970B

Tritanopia

#C10F10

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FEF3F1
100
#FCE3DE
200
#FEC2B8
300
#FE9786
400
#FD5F44
500
#FC2703
600
#CA1F02
700
#A21902
800
#7E1301
900
#5B1206
950
#3A0B04

Contrast Checker

Text on white

5.66:1

AA Pass AAA Fail

Text on black

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