#D74F97

#D74F97

Color Values

HEX

#D74F97

RGB

215, 79, 151

HSL

328.2, 63.0%, 57.6%

HSV

328.2, 63.3%, 84.3%

CMYK

0.0%, 63.3%, 29.8%, 15.7%

OKLCH

0.6305 0.1849 350.9

Properties

Warm Light Nearest: Cerise

Color Harmonies

Complementary

#D74F97

#4FD78F

Analogous

#D34FD7

#D74F53

#D74F97

Triadic

#D74F97

#97D74F

#4F97D7

Split Complementary

#D74F97

#53D74F

#4FD7D3

Tetradic

#D74F97

#D7D34F

#4FD78F

#4F53D7

Color Blindness Simulation

Original

#D74F97

Protanopia

#9C9B86

Deuteranopia

#A4AE81

Tritanopia

#D07875

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#FBF3F8
100
#F7E4EE
200
#F2C5DD
300
#E89BC4
400
#DC65A4
500
#D02F84
600
#A6266A
700
#851E55
800
#681842
900
#4C1532
950
#300D20

Contrast Checker

Text on white

3.85:1

AA Fail AAA Fail

Text on black

5.45:1

AA Pass 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