#C62C7D

#C62C7D

Color Values

HEX

#C62C7D

RGB

198, 44, 125

HSL

328.4, 63.6%, 47.5%

HSV

328.4, 77.8%, 77.6%

CMYK

0.0%, 77.8%, 36.9%, 22.4%

OKLCH

0.5612 0.2005 353.9

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#C62C7D

#2CC675

Analogous

#C22CC6

#C62C30

#C62C7D

Triadic

#C62C7D

#7DC62C

#2C7DC6

Split Complementary

#C62C7D

#30C62C

#2CC6C2

Tetradic

#C62C7D

#C6C22C

#2CC675

#2C30C6

Color Blindness Simulation

Original

#C62C7D

Protanopia

#838269

Deuteranopia

#8C9865

Tritanopia

#BE5A57

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#FBF3F8
100
#F7E4EE
200
#F2C5DD
300
#E99BC4
400
#DD65A4
500
#D12E84
600
#A72569
700
#851E54
800
#681742
900
#4C1532
950
#300D20

Contrast Checker

Text on white

5.18:1

AA Pass AAA Fail

Text on black

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