#C50762

#C50762

Color Values

HEX

#C50762

RGB

197, 7, 98

HSL

331.3, 93.1%, 40.0%

HSV

331.3, 96.4%, 77.3%

CMYK

0.0%, 96.4%, 50.3%, 22.7%

OKLCH

0.5333 0.2124 2.5

Properties

Warm Dark Nearest: RAL 4010 Telemagenta

Color Harmonies

Complementary

#C50762

#07C56A

Analogous

#C507C1

#C50B07

#C50762

Triadic

#C50762

#62C507

#0762C5

Split Complementary

#C50762

#07C50B

#07C1C5

Tetradic

#C50762

#C1C507

#07C56A

#0B07C5

Color Blindness Simulation

Original

#C50762

Protanopia

#73714C

Deuteranopia

#7E8C47

Tritanopia

#BB3B37

Achromatopsia

#363636

CSS Usage

background-color: #C50762;
color: #C50762;
border-color: #C50762;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FDF1F7
100
#FBDFED
200
#FDBADA
300
#FB89BF
400
#F8499D
500
#F6097A
600
#C50762
700
#9E064E
800
#7B043D
900
#59082F
950
#38051D

Contrast Checker

Text on white

5.86:1

AA Pass AAA Fail

Text on black

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