#C63993

#C63993

Color Values

HEX

#C63993

RGB

198, 57, 147

HSL

321.7, 55.3%, 50.0%

HSV

321.7, 71.2%, 77.6%

CMYK

0.0%, 71.2%, 25.8%, 22.4%

OKLCH

0.5806 0.1978 345.8

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#C63993

#39C66C

Analogous

#B339C6

#C6394C

#C63993

Triadic

#C63993

#93C639

#3993C6

Split Complementary

#C63993

#4CC639

#39C6B3

Tetradic

#C63993

#C6B339

#39C66C

#394CC6

Color Blindness Simulation

Original

#C63993

Protanopia

#89887D

Deuteranopia

#919C78

Tritanopia

#BF6C68

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F6E5EF
200
#EFC8E1
300
#E4A0CB
400
#D56CAF
500
#C63993
600
#9E2E76
700
#7F245E
800
#631C4A
900
#491837
950
#2E0F23

Contrast Checker

Text on white

4.76:1

AA Pass AAA Fail

Text on black

4.41:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026