#CA0225

#CA0225

Color Values

HEX

#CA0225

RGB

202, 2, 37

HSL

349.5, 98.0%, 40.0%

HSV

349.5, 99.0%, 79.2%

CMYK

0.0%, 99.0%, 81.7%, 20.8%

OKLCH

0.5295 0.2134 24.0

Properties

Warm Dark Nearest: firebrick 3

Color Harmonies

Complementary

#CA0225

#02CAA7

Analogous

#CA0289

#CA4302

#CA0225

Triadic

#CA0225

#25CA02

#0225CA

Split Complementary

#CA0225

#02CA43

#0289CA

Tetradic

#CA0225

#89CA02

#02CAA7

#4302CA

Color Blindness Simulation

Original

#CA0225

Protanopia

#73721D

Deuteranopia

#7F8E1A

Tritanopia

#C01614

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#FEF1F3
100
#FCDEE3
200
#FEB8C5
300
#FE869B
400
#FD4465
500
#FC032E
600
#CA0225
700
#A2021E
800
#7E0117
900
#5B0615
950
#3A040D

Contrast Checker

Text on white

5.92:1

AA Pass AAA Fail

Text on black

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