#CA2102

#CA2102

Color Values

HEX

#CA2102

RGB

202, 33, 2

HSL

9.3, 98.0%, 40.0%

HSV

9.3, 99.0%, 79.2%

CMYK

0.0%, 83.7%, 99.0%, 20.8%

OKLCH

0.539 0.2049 31.7

Properties

Warm Dark Nearest: RAL 3020 Traffic Red

Color Harmonies

Complementary

#CA2102

#02ABCA

Analogous

#CA0247

#CA8502

#CA2102

Triadic

#CA2102

#02CA21

#2102CA

Split Complementary

#CA2102

#02CA85

#0247CA

Tetradic

#CA2102

#47CA02

#02ABCA

#8502CA

Color Blindness Simulation

Original

#CA2102

Protanopia

#817F09

Deuteranopia

#8B970B

Tritanopia

#C20F11

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FEF3F1
100
#FCE3DE
200
#FEC3B8
300
#FE9886
400
#FD6144
500
#FC2903
600
#CA2102
700
#A21A02
800
#7E1501
900
#5B1306
950
#3A0C04

Contrast Checker

Text on white

5.63:1

AA Pass AAA Fail

Text on black

3.73:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026