#CA0243

#CA0243

Color Values

HEX

#CA0243

RGB

202, 2, 67

HSL

340.5, 98.0%, 40.0%

HSV

340.5, 99.0%, 79.2%

CMYK

0.0%, 99.0%, 66.8%, 20.8%

OKLCH

0.5338 0.2127 15.0

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#CA0243

#02CA89

Analogous

#CA02A7

#CA2502

#CA0243

Triadic

#CA0243

#43CA02

#0243CA

Split Complementary

#CA0243

#02CA25

#02A7CA

Tetradic

#CA0243

#A7CA02

#02CA89

#2502CA

Color Blindness Simulation

Original

#CA0243

Protanopia

#737233

Deuteranopia

#7F8E30

Tritanopia

#C02724

Achromatopsia

#313131

CSS Usage

background-color: #CA0243;
color: #CA0243;
border-color: #CA0243;
Nearest Tailwind: Rose 700 #BE123C

Tailwind Shades

50
#FEF1F5
100
#FCDEE8
200
#FEB8CF
300
#FE86AD
400
#FD4480
500
#FC0354
600
#CA0243
700
#A20236
800
#7E012A
900
#5B0621
950
#3A0415

Contrast Checker

Text on white

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