#C03F56

#C03F56

Color Values

HEX

#C03F56

RGB

192, 63, 86

HSL

349.3, 50.6%, 50.0%

HSV

349.3, 67.2%, 75.3%

CMYK

0.0%, 67.2%, 55.2%, 24.7%

OKLCH

0.5571 0.1644 13.8

Properties

Warm Dark Nearest: Brick Red

Color Harmonies

Complementary

#C03F56

#3FC0A9

Analogous

#C03F97

#C0683F

#C03F56

Triadic

#C03F56

#56C03F

#3F56C0

Split Complementary

#C03F56

#3FC068

#3F97C0

Tetradic

#C03F56

#97C03F

#3FC0A9

#683FC0

Color Blindness Simulation

Original

#C03F56

Protanopia

#888750

Deuteranopia

#90994F

Tritanopia

#BA4C4B

Achromatopsia

#5C5C5C

CSS Usage

background-color: #C03F56;
color: #C03F56;
border-color: #C03F56;
Nearest Tailwind: Rose 800 #9F1239

Tailwind Shades

50
#FBF4F5
100
#F5E5E8
200
#EDC9D0
300
#E1A3AE
400
#D07182
500
#C03F56
600
#9A3245
700
#7B2837
800
#601F2B
900
#471A22
950
#2D1116

Contrast Checker

Text on white

5.14:1

AA Pass AAA Fail

Text on black

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