#C70552

#C70552

Color Values

HEX

#C70552

RGB

199, 5, 82

HSL

336.2, 95.1%, 40.0%

HSV

336.2, 97.5%, 78.0%

CMYK

0.0%, 97.5%, 58.8%, 22.0%

OKLCH

0.5322 0.211 9.1

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#C70552

#05C77A

Analogous

#C705B3

#C71905

#C70552

Triadic

#C70552

#52C705

#0552C7

Split Complementary

#C70552

#05C719

#05B3C7

Tetradic

#C70552

#B3C705

#05C77A

#1905C7

Color Blindness Simulation

Original

#C70552

Protanopia

#73713F

Deuteranopia

#7E8D3B

Tritanopia

#BD312D

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FEF1F6
100
#FCDFEA
200
#FDB9D4
300
#FC88B6
400
#FA478E
500
#F90666
600
#C70552
700
#9F0442
800
#7C0333
900
#5A0728
950
#390419

Contrast Checker

Text on white

5.88:1

AA Pass AAA Fail

Text on black

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