#C64193

#C64193

Color Values

HEX

#C64193

RGB

198, 65, 147

HSL

323.0, 53.8%, 51.6%

HSV

323.0, 67.2%, 77.6%

CMYK

0.0%, 67.2%, 25.8%, 22.4%

OKLCH

0.5883 0.1879 346.5

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#C64193

#41C674

Analogous

#B641C6

#C64151

#C64193

Triadic

#C64193

#93C641

#4193C6

Split Complementary

#C64193

#51C641

#41C6B6

Tetradic

#C64193

#C6B641

#41C674

#4151C6

Color Blindness Simulation

Original

#C64193

Protanopia

#8C8B7F

Deuteranopia

#949E7A

Tritanopia

#BF6F6C

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F5E5EF
200
#EFC8E0
300
#E3A1C9
400
#D36EAC
500
#C43B90
600
#9D2F73
700
#7E265C
800
#621D48
900
#481936
950
#2D1022

Contrast Checker

Text on white

4.59:1

AA Pass AAA Fail

Text on black

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