#C5487D

#C5487D

Color Values

HEX

#C5487D

RGB

197, 72, 125

HSL

334.6, 51.9%, 52.7%

HSV

334.6, 63.5%, 77.3%

CMYK

0.0%, 63.5%, 36.5%, 22.7%

OKLCH

0.5863 0.1668 357.3

Properties

Warm Light Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#C5487D

#48C590

Analogous

#C548BB

#C55148

#C5487D

Triadic

#C5487D

#7DC548

#487DC5

Split Complementary

#C5487D

#48C551

#48BBC5

Tetradic

#C5487D

#BBC548

#48C590

#5148C5

Color Blindness Simulation

Original

#C5487D

Protanopia

#8F8E70

Deuteranopia

#969F6D

Tritanopia

#BF6664

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E5EC
200
#EEC9D8
300
#E2A2BD
400
#D27099
500
#C23D75
600
#9B315E
700
#7C274B
800
#611F3B
900
#471A2D
950
#2D101C

Contrast Checker

Text on white

4.57:1

AA Pass AAA Fail

Text on black

4.6:1

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