#C64591

#C64591

Color Values

HEX

#C64591

RGB

198, 69, 145

HSL

324.7, 53.1%, 52.4%

HSV

324.7, 65.2%, 77.6%

CMYK

0.0%, 65.2%, 26.8%, 22.4%

OKLCH

0.5917 0.1814 347.7

Properties

Warm Light Nearest: Red Violet

Color Harmonies

Complementary

#C64591

#45C67A

Analogous

#BB45C6

#C64551

#C64591

Triadic

#C64591

#91C645

#4591C6

Split Complementary

#C64591

#51C645

#45C6BB

Tetradic

#C64591

#C6BB45

#45C67A

#4551C6

Color Blindness Simulation

Original

#C64591

Protanopia

#8E8D7F

Deuteranopia

#969F7A

Tritanopia

#C0706D

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F5E5EF
200
#EEC8DF
300
#E2A1C8
400
#D36FAA
500
#C33C8B
600
#9C3070
700
#7D2659
800
#621E46
900
#481935
950
#2D1021

Contrast Checker

Text on white

4.51:1

AA Pass AAA Fail

Text on black

4.66:1

AA Pass 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