#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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026