#C03F63

#C03F63

Color Values

HEX

#C03F63

RGB

192, 63, 99

HSL

343.3, 50.6%, 50.0%

HSV

343.3, 67.2%, 75.3%

CMYK

0.0%, 67.2%, 48.4%, 24.7%

OKLCH

0.5604 0.166 7.4

Properties

Warm Dark Nearest: NCS S 1050-R20B Raspberry

Color Harmonies

Complementary

#C03F63

#3FC09C

Analogous

#C03FA3

#C05C3F

#C03F63

Triadic

#C03F63

#63C03F

#3F63C0

Split Complementary

#C03F63

#3FC05C

#3FA3C0

Tetradic

#C03F63

#A3C03F

#3FC09C

#5C3FC0

Color Blindness Simulation

Original

#C03F63

Protanopia

#88875A

Deuteranopia

#909958

Tritanopia

#BA5352

Achromatopsia

#5D5D5D

CSS Usage

background-color: #C03F63;
color: #C03F63;
border-color: #C03F63;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FBF4F6
100
#F5E5EA
200
#EDC9D3
300
#E1A3B4
400
#D0718B
500
#C03F63
600
#9A324F
700
#7B283F
800
#601F31
900
#471A27
950
#2D1118

Contrast Checker

Text on white

5.08:1

AA Pass AAA Fail

Text on black

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