#CA0217

#CA0217

Color Values

HEX

#CA0217

RGB

202, 2, 23

HSL

353.7, 98.0%, 40.0%

HSV

353.7, 99.0%, 79.2%

CMYK

0.0%, 99.0%, 88.6%, 20.8%

OKLCH

0.5284 0.2144 26.8

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#CA0217

#02CAB5

Analogous

#CA027B

#CA5102

#CA0217

Triadic

#CA0217

#17CA02

#0217CA

Split Complementary

#CA0217

#02CA51

#027BCA

Tetradic

#CA0217

#7BCA02

#02CAB5

#5102CA

Color Blindness Simulation

Original

#CA0217

Protanopia

#737212

Deuteranopia

#7F8E11

Tritanopia

#C00E0D

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#FEF1F2
100
#FCDEE1
200
#FEB8C0
300
#FE8692
400
#FD4458
500
#FC031D
600
#CA0217
700
#A20212
800
#7E010E
900
#5B060F
950
#3A0409

Contrast Checker

Text on white

5.95:1

AA Pass AAA Fail

Text on black

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