#C30977

#C30977

Color Values

HEX

#C30977

RGB

195, 9, 119

HSL

324.5, 91.2%, 40.0%

HSV

324.5, 95.4%, 76.5%

CMYK

0.0%, 95.4%, 39.0%, 23.5%

OKLCH

0.5372 0.2178 353.7

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#C30977

#09C355

Analogous

#B209C3

#C3091A

#C30977

Triadic

#C30977

#77C309

#0977C3

Split Complementary

#C30977

#1AC309

#09C3B2

Tetradic

#C30977

#C3B209

#09C355

#091AC3

Color Blindness Simulation

Original

#C30977

Protanopia

#72715C

Deuteranopia

#7D8B56

Tritanopia

#BA4743

Achromatopsia

#383838

CSS Usage

background-color: #C30977;
color: #C30977;
border-color: #C30977;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FDF1F8
100
#FBDFF0
200
#FCBBE1
300
#FA8ACC
400
#F74BB0
500
#F40B95
600
#C30977
700
#9C075F
800
#7A064A
900
#580938
950
#380523

Contrast Checker

Text on white

5.79:1

AA Pass AAA Fail

Text on black

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