#C63582

#C63582

Color Values

HEX

#C63582

RGB

198, 53, 130

HSL

328.1, 57.8%, 49.2%

HSV

328.1, 73.2%, 77.6%

CMYK

0.0%, 73.2%, 34.3%, 22.4%

OKLCH

0.5703 0.1935 352.6

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#C63582

#35C679

Analogous

#C135C6

#C6353A

#C63582

Triadic

#C63582

#82C635

#3582C6

Split Complementary

#C63582

#3AC635

#35C6C1

Tetradic

#C63582

#C6C135

#35C679

#353AC6

Color Blindness Simulation

Original

#C63582

Protanopia

#87866F

Deuteranopia

#909A6B

Tritanopia

#BF615D

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F6E4EE
200
#F0C7DD
300
#E59EC4
400
#D76AA4
500
#C93684
600
#A12B6A
700
#812255
800
#651B42
900
#4A1732
950
#2F0F20

Contrast Checker

Text on white

4.96:1

AA Pass AAA Fail

Text on black

4.23:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026