#C03F59

#C03F59

Color Values

HEX

#C03F59

RGB

192, 63, 89

HSL

347.9, 50.6%, 50.0%

HSV

347.9, 67.2%, 75.3%

CMYK

0.0%, 67.2%, 53.6%, 24.7%

OKLCH

0.5578 0.1646 12.4

Properties

Warm Dark Nearest: Brick Red

Color Harmonies

Complementary

#C03F59

#3FC0A6

Analogous

#C03F9A

#C0653F

#C03F59

Triadic

#C03F59

#59C03F

#3F59C0

Split Complementary

#C03F59

#3FC065

#3F9AC0

Tetradic

#C03F59

#9AC03F

#3FC0A6

#653FC0

Color Blindness Simulation

Original

#C03F59

Protanopia

#888753

Deuteranopia

#909951

Tritanopia

#BA4E4D

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FBF4F5
100
#F5E5E9
200
#EDC9D1
300
#E1A3AF
400
#D07184
500
#C03F59
600
#9A3247
700
#7B2839
800
#601F2D
900
#471A23
950
#2D1116

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

4.1:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026