#C93648

#C93648

Color Values

HEX

#C93648

RGB

201, 54, 72

HSL

352.7, 57.6%, 50.0%

HSV

352.7, 73.1%, 78.8%

CMYK

0.0%, 73.1%, 64.2%, 21.2%

OKLCH

0.5602 0.1827 18.9

Properties

Warm Dark Nearest: Brick Red

Color Harmonies

Complementary

#C93648

#36C9B7

Analogous

#C93691

#C96E36

#C93648

Triadic

#C93648

#48C936

#3648C9

Split Complementary

#C93648

#36C96E

#3691C9

Tetradic

#C93648

#91C936

#36C9B7

#6E36C9

Color Blindness Simulation

Original

#C93648

Protanopia

#898844

Deuteranopia

#929D43

Tritanopia

#C2403F

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#FBF4F5
100
#F6E4E7
200
#F0C7CC
300
#E59FA7
400
#D76A78
500
#C93648
600
#A12B3A
700
#81232E
800
#641B24
900
#4A171D
950
#2E0F13

Contrast Checker

Text on white

5.12:1

AA Pass AAA Fail

Text on black

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