#D76097

#D76097

Color Values

HEX

#D76097

RGB

215, 96, 151

HSL

332.3, 59.8%, 61.0%

HSV

332.3, 55.3%, 84.3%

CMYK

0.0%, 55.3%, 29.8%, 15.7%

OKLCH

0.6513 0.1603 353.6

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#D76097

#60D7A0

Analogous

#D760D2

#D76560

#D76097

Triadic

#D76097

#97D760

#6097D7

Split Complementary

#D76097

#60D765

#60D2D7

Tetradic

#D76097

#D2D760

#60D7A0

#6560D7

Color Blindness Simulation

Original

#D76097

Protanopia

#A3A28A

Deuteranopia

#AAB386

Tritanopia

#D17F7D

Achromatopsia

#7D7D7D

CSS Usage

background-color: #D76097;
color: #D76097;
border-color: #D76097;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FBF3F7
100
#F6E4EC
200
#F1C6DA
300
#E69DBF
400
#D9689C
500
#CC337A
600
#A32961
700
#82214E
800
#661A3D
900
#4B162E
950
#2F0E1D

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

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