#C70550

#C70550

Color Values

HEX

#C70550

RGB

199, 5, 80

HSL

336.8, 95.1%, 40.0%

HSV

336.8, 97.5%, 78.0%

CMYK

0.0%, 97.5%, 59.8%, 22.0%

OKLCH

0.5317 0.2107 9.9

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#C70550

#05C77C

Analogous

#C705B1

#C71B05

#C70550

Triadic

#C70550

#50C705

#0550C7

Split Complementary

#C70550

#05C71B

#05B1C7

Tetradic

#C70550

#B1C705

#05C77C

#1B05C7

Color Blindness Simulation

Original

#C70550

Protanopia

#73713E

Deuteranopia

#7E8D3A

Tritanopia

#BD302C

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FEF1F6
100
#FCDFEA
200
#FDB9D4
300
#FC88B5
400
#FA478C
500
#F90664
600
#C70550
700
#9F0440
800
#7C0332
900
#5A0727
950
#390419

Contrast Checker

Text on white

5.89:1

AA Pass AAA Fail

Text on black

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