#C5488A

#C5488A

Color Values

HEX

#C5488A

RGB

197, 72, 138

HSL

328.3, 51.9%, 52.7%

HSV

328.3, 63.5%, 77.3%

CMYK

0.0%, 63.5%, 29.9%, 22.7%

OKLCH

0.5909 0.1727 351.0

Properties

Warm Light Nearest: Mulberry

Color Harmonies

Complementary

#C5488A

#48C583

Analogous

#C148C5

#C5484B

#C5488A

Triadic

#C5488A

#8AC548

#488AC5

Split Complementary

#C5488A

#4BC548

#48C5C1

Tetradic

#C5488A

#C5C148

#48C583

#484BC5

Color Blindness Simulation

Original

#C5488A

Protanopia

#8F8E7A

Deuteranopia

#969F76

Tritanopia

#BF6D6B

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F5E5EE
200
#EEC9DC
300
#E2A2C4
400
#D270A3
500
#C23D83
600
#9B3169
700
#7C2754
800
#611F42
900
#471A32
950
#2D101F

Contrast Checker

Text on white

4.5:1

AA Fail AAA Fail

Text on black

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