#D41F82

#D41F82

Color Values

HEX

#D41F82

RGB

212, 31, 130

HSL

327.2, 74.5%, 47.6%

HSV

327.2, 85.4%, 83.1%

CMYK

0.0%, 85.4%, 38.7%, 16.9%

OKLCH

0.579 0.2226 354.4

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#D41F82

#1FD471

Analogous

#CB1FD4

#D41F27

#D41F82

Triadic

#D41F82

#82D41F

#1F82D4

Split Complementary

#D41F82

#27D41F

#1FD4CB

Tetradic

#D41F82

#D4CB1F

#1FD471

#1F27D4

Color Blindness Simulation

Original

#D41F82

Protanopia

#86846A

Deuteranopia

#909E64

Tritanopia

#CB5753

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FCF3F8
100
#F8E2EE
200
#F6C1DE
300
#EF94C6
400
#E75AA7
500
#DE2188
600
#B21A6D
700
#8E1557
800
#6F1044
900
#511033
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