#C70563

#C70563

Color Values

HEX

#C70563

RGB

199, 5, 99

HSL

330.9, 95.1%, 40.0%

HSV

330.9, 97.5%, 78.0%

CMYK

0.0%, 97.5%, 50.3%, 22.0%

OKLCH

0.5368 0.2146 2.4

Properties

Warm Dark Nearest: RAL 4010 Telemagenta

Color Harmonies

Complementary

#C70563

#05C769

Analogous

#C705C4

#C70805

#C70563

Triadic

#C70563

#63C705

#0563C7

Split Complementary

#C70563

#05C708

#05C4C7

Tetradic

#C70563

#C4C705

#05C769

#0805C7

Color Blindness Simulation

Original

#C70563

Protanopia

#73714C

Deuteranopia

#7E8D47

Tritanopia

#BD3A36

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDFED
200
#FDB9DA
300
#FC88C0
400
#FA479E
500
#F9067C
600
#C70563
700
#9F044F
800
#7C033E
900
#5A072F
950
#39041E

Contrast Checker

Text on white

5.78:1

AA Pass AAA Fail

Text on black

3.63:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026