#C70557

#C70557

Color Values

HEX

#C70557

RGB

199, 5, 87

HSL

334.6, 95.1%, 40.0%

HSV

334.6, 97.5%, 78.0%

CMYK

0.0%, 97.5%, 56.3%, 22.0%

OKLCH

0.5334 0.2119 7.2

Properties

Warm Dark Nearest: Razzmatazz

Color Harmonies

Complementary

#C70557

#05C775

Analogous

#C705B8

#C71405

#C70557

Triadic

#C70557

#57C705

#0557C7

Split Complementary

#C70557

#05C714

#05B8C7

Tetradic

#C70557

#B8C705

#05C775

#1405C7

Color Blindness Simulation

Original

#C70557

Protanopia

#737143

Deuteranopia

#7E8D3E

Tritanopia

#BD3330

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FEF1F6
100
#FCDFEB
200
#FDB9D6
300
#FC88B9
400
#FA4793
500
#F9066D
600
#C70557
700
#9F0446
800
#7C0336
900
#5A072A
950
#39041B

Contrast Checker

Text on white

5.85:1

AA Pass AAA Fail

Text on black

3.59:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026