#C6577F

#C6577F

Color Values

HEX

#C6577F

RGB

198, 87, 127

HSL

338.4, 49.3%, 55.9%

HSV

338.4, 56.1%, 77.6%

CMYK

0.0%, 56.1%, 35.9%, 22.4%

OKLCH

0.6074 0.1471 359.8

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#C6577F

#57C69E

Analogous

#C657B6

#C66757

#C6577F

Triadic

#C6577F

#7FC657

#577FC6

Split Complementary

#C6577F

#57C667

#57B6C6

Tetradic

#C6577F

#B6C657

#57C69E

#6757C6

Color Blindness Simulation

Original

#C6577F

Protanopia

#969575

Deuteranopia

#9CA573

Tritanopia

#C06E6C

Achromatopsia

#717171

CSS Usage

background-color: #C6577F;
color: #C6577F;
border-color: #C6577F;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FBF4F6
100
#F5E6EB
200
#EDCAD6
300
#E0A4B9
400
#CF7294
500
#BE416E
600
#983458
700
#7A2946
800
#5F2037
900
#461B2A
950
#2C111B

Contrast Checker

Text on white

4.14:1

AA Fail AAA Fail

Text on black

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