#C30462

#C30462

Color Values

HEX

#C30462

RGB

195, 4, 98

HSL

330.5, 96.0%, 39.0%

HSV

330.5, 97.9%, 76.5%

CMYK

0.0%, 97.9%, 49.7%, 23.5%

OKLCH

0.5289 0.212 1.9

Properties

Warm Dark Nearest: RAL 4010 Telemagenta

Color Harmonies

Complementary

#C30462

#04C365

Analogous

#C304C1

#C30604

#C30462

Triadic

#C30462

#62C304

#0462C3

Split Complementary

#C30462

#04C306

#04C1C3

Tetradic

#C30462

#C1C304

#04C365

#0604C3

Color Blindness Simulation

Original

#C30462

Protanopia

#706F4B

Deuteranopia

#7B8A46

Tritanopia

#B93935

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDFED
200
#FEB9DB
300
#FD87C1
400
#FB469F
500
#FA057D
600
#C80464
700
#A00350
800
#7D033F
900
#5A0730
950
#39041E

Contrast Checker

Text on white

5.98:1

AA Pass AAA Fail

Text on black

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