#C30063

#C30063

Color Values

HEX

#C30063

RGB

195, 0, 99

HSL

329.5, 100.0%, 38.2%

HSV

329.5, 100.0%, 76.5%

CMYK

0.0%, 100.0%, 49.2%, 23.5%

OKLCH

0.5282 0.2135 1.4

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#C30063

#00C360

Analogous

#C100C3

#C30002

#C30063

Triadic

#C30063

#63C300

#0063C3

Split Complementary

#C30063

#02C300

#00C3C1

Tetradic

#C30063

#C3C100

#00C360

#0002C3

Color Blindness Simulation

Original

#C30063

Protanopia

#6F6D4B

Deuteranopia

#7A8845

Tritanopia

#B93834

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDEED
200
#FFB8DC
300
#FF85C3
400
#FF42A2
500
#FF0082
600
#CC0068
700
#A30053
800
#800041
900
#5C0531
950
#3A031F

Contrast Checker

Text on white

6.0:1

AA Pass AAA Fail

Text on black

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