#C70560

#C70560

Color Values

HEX

#C70560

RGB

199, 5, 96

HSL

331.9, 95.1%, 40.0%

HSV

331.9, 97.5%, 78.0%

CMYK

0.0%, 97.5%, 51.8%, 22.0%

OKLCH

0.5359 0.2138 3.6

Properties

Warm Dark Nearest: Razzmatazz

Color Harmonies

Complementary

#C70560

#05C76C

Analogous

#C705C1

#C70B05

#C70560

Triadic

#C70560

#60C705

#0560C7

Split Complementary

#C70560

#05C70B

#05C1C7

Tetradic

#C70560

#C1C705

#05C76C

#0B05C7

Color Blindness Simulation

Original

#C70560

Protanopia

#73714A

Deuteranopia

#7E8D45

Tritanopia

#BD3935

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDFEC
200
#FDB9D9
300
#FC88BE
400
#FA479B
500
#F90678
600
#C70560
700
#9F044D
800
#7C033C
900
#5A072E
950
#39041D

Contrast Checker

Text on white

5.8:1

AA Pass AAA Fail

Text on black

3.62:1

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