#C63998

#C63998

Color Values

HEX

#C63998

RGB

198, 57, 152

HSL

319.6, 55.3%, 50.0%

HSV

319.6, 71.2%, 77.6%

CMYK

0.0%, 71.2%, 23.2%, 22.4%

OKLCH

0.5827 0.2007 343.8

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#C63998

#39C667

Analogous

#AE39C6

#C63951

#C63998

Triadic

#C63998

#98C639

#3998C6

Split Complementary

#C63998

#51C639

#39C6AE

Tetradic

#C63998

#C6AE39

#39C667

#3951C6

Color Blindness Simulation

Original

#C63998

Protanopia

#898881

Deuteranopia

#919C7B

Tritanopia

#BF6F6B

Achromatopsia

#5E5E5E

CSS Usage

background-color: #C63998;
color: #C63998;
border-color: #C63998;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FBF4F9
100
#F6E5F0
200
#EFC8E2
300
#E4A0CE
400
#D56CB3
500
#C63998
600
#9E2E7A
700
#7F2461
800
#631C4C
900
#491839
950
#2E0F24

Contrast Checker

Text on white

4.73:1

AA Pass AAA Fail

Text on black

4.44:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026