#C70554

#C70554

Color Values

HEX

#C70554

RGB

199, 5, 84

HSL

335.6, 95.1%, 40.0%

HSV

335.6, 97.5%, 78.0%

CMYK

0.0%, 97.5%, 57.8%, 22.0%

OKLCH

0.5327 0.2113 8.3

Properties

Warm Dark Nearest: Razzmatazz

Color Harmonies

Complementary

#C70554

#05C778

Analogous

#C705B5

#C71705

#C70554

Triadic

#C70554

#54C705

#0554C7

Split Complementary

#C70554

#05C717

#05B5C7

Tetradic

#C70554

#B5C705

#05C778

#1705C7

Color Blindness Simulation

Original

#C70554

Protanopia

#737141

Deuteranopia

#7E8D3C

Tritanopia

#BD322E

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FEF1F6
100
#FCDFEA
200
#FDB9D5
300
#FC88B7
400
#FA4790
500
#F90669
600
#C70554
700
#9F0443
800
#7C0334
900
#5A0729
950
#39041A

Contrast Checker

Text on white

5.87:1

AA Pass AAA Fail

Text on black

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