#D80970

#D80970

Color Values

HEX

#D80970

RGB

216, 9, 112

HSL

330.1, 92.0%, 44.1%

HSV

330.1, 95.8%, 84.7%

CMYK

0.0%, 95.8%, 48.1%, 15.3%

OKLCH

0.5726 0.2286 1.0

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#D80970

#09D871

Analogous

#D809D8

#D80909

#D80970

Triadic

#D80970

#70D809

#0970D8

Split Complementary

#D80970

#09D809

#09D8D8

Tetradic

#D80970

#D8D809

#09D871

#0909D8

Color Blindness Simulation

Original

#D80970

Protanopia

#7E7D57

Deuteranopia

#8A9A51

Tritanopia

#CE433F

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFED
200
#FCBADB
300
#FA89C2
400
#F74AA0
500
#F50A7F
600
#C40866
700
#9D0751
800
#7A0540
900
#590830
950
#38051F

Contrast Checker

Text on white

5.01:1

AA Pass AAA Fail

Text on black

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