#D41F83

#D41F83

Color Values

HEX

#D41F83

RGB

212, 31, 131

HSL

326.9, 74.5%, 47.6%

HSV

326.9, 85.4%, 83.1%

CMYK

0.0%, 85.4%, 38.2%, 16.9%

OKLCH

0.5794 0.223 354.0

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#D41F83

#1FD470

Analogous

#CA1FD4

#D41F28

#D41F83

Triadic

#D41F83

#83D41F

#1F83D4

Split Complementary

#D41F83

#28D41F

#1FD4CA

Tetradic

#D41F83

#D4CA1F

#1FD470

#1F28D4

Color Blindness Simulation

Original

#D41F83

Protanopia

#86846B

Deuteranopia

#909E65

Tritanopia

#CB5854

Achromatopsia

#4D4D4D

CSS Usage

background-color: #D41F83;
color: #D41F83;
border-color: #D41F83;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FCF3F8
100
#F8E2EE
200
#F6C1DE
300
#EF94C7
400
#E75AA8
500
#DE2189
600
#B21A6E
700
#8E1558
800
#6F1045
900
#511034
950
#330A21

Contrast Checker

Text on white

4.86:1

AA Pass AAA Fail

Text on black

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