#C71D76

#C71D76

Color Values

HEX

#C71D76

RGB

199, 29, 118

HSL

328.6, 74.6%, 44.7%

HSV

328.6, 85.4%, 78.0%

CMYK

0.0%, 85.4%, 40.7%, 22.0%

OKLCH

0.5512 0.2104 355.9

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#C71D76

#1DC76E

Analogous

#C31DC7

#C71D21

#C71D76

Triadic

#C71D76

#76C71D

#1D76C7

Split Complementary

#C71D76

#21C71D

#1DC7C3

Tetradic

#C71D76

#C7C31D

#1DC76E

#1D21C7

Color Blindness Simulation

Original

#C71D76

Protanopia

#7D7C60

Deuteranopia

#87945B

Tritanopia

#BE4F4C

Achromatopsia

#484848

CSS Usage

background-color: #C71D76;
color: #C71D76;
border-color: #C71D76;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FCF2F8
100
#F8E2EE
200
#F6C1DD
300
#EF94C4
400
#E75AA4
500
#DF2084
600
#B21A6A
700
#8E1554
800
#6F1042
900
#511032
950
#330A20

Contrast Checker

Text on white

5.43:1

AA Pass AAA Fail

Text on black

3.87:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026