#C03F61

#C03F61

Color Values

HEX

#C03F61

RGB

192, 63, 97

HSL

344.2, 50.6%, 50.0%

HSV

344.2, 67.2%, 75.3%

CMYK

0.0%, 67.2%, 49.5%, 24.7%

OKLCH

0.5599 0.1657 8.4

Properties

Warm Dark Nearest: NCS S 1050-R20B Raspberry

Color Harmonies

Complementary

#C03F61

#3FC09E

Analogous

#C03FA1

#C05E3F

#C03F61

Triadic

#C03F61

#61C03F

#3F61C0

Split Complementary

#C03F61

#3FC05E

#3FA1C0

Tetradic

#C03F61

#A1C03F

#3FC09E

#5E3FC0

Color Blindness Simulation

Original

#C03F61

Protanopia

#888759

Deuteranopia

#909957

Tritanopia

#BA5251

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FBF4F6
100
#F5E5EA
200
#EDC9D3
300
#E1A3B3
400
#D0718A
500
#C03F61
600
#9A324E
700
#7B283E
800
#601F30
900
#471A26
950
#2D1118

Contrast Checker

Text on white

5.09:1

AA Pass AAA Fail

Text on black

4.12:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026