#C30064

#C30064

Color Values

HEX

#C30064

RGB

195, 0, 100

HSL

329.2, 100.0%, 38.2%

HSV

329.2, 100.0%, 76.5%

CMYK

0.0%, 100.0%, 48.7%, 23.5%

OKLCH

0.5285 0.2138 1.0

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#C30064

#00C35F

Analogous

#C000C3

#C30003

#C30064

Triadic

#C30064

#64C300

#0064C3

Split Complementary

#C30064

#03C300

#00C3C0

Tetradic

#C30064

#C3C000

#00C35F

#0003C3

Color Blindness Simulation

Original

#C30064

Protanopia

#6F6D4C

Deuteranopia

#7A8846

Tritanopia

#B93934

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#FEF1F8
100
#FCDEEE
200
#FFB8DC
300
#FF85C3
400
#FF42A3
500
#FF0083
600
#CC0069
700
#A30054
800
#800041
900
#5C0532
950
#3A031F

Contrast Checker

Text on white

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