#D76ABC

#D76ABC

Color Values

HEX

#D76ABC

RGB

215, 106, 188

HSL

314,9, 57,7%, 62,9%

HSV

314,9, 50,7%, 84,3%

CMYK

0,0%, 50,7%, 12,6%, 15,7%

OKLCH

0,6788 0,1675 337,6

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#D76ABC

#6AD785

Analogous

#BC6AD7

#D76A85

#D76ABC

Triadic

#D76ABC

#BCD76A

#6ABCD7

Split Complementary

#D76ABC

#85D76A

#6AD7BC

Tetradic

#D76ABC

#D7BC6A

#6AD785

#6A85D7

Color Blindness Simulation

Original

#D76ABC

Protanopia

#A8A7A8

Deuteranopia

#AEB6A3

Tritanopia

#D29895

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#FBF4F9
100
#F6E4F2
200
#F0C7E6
300
#E59ED4
400
#D76ABC
500
#C936A5
600
#A12B84
700
#812369
800
#651B52
900
#4A173D
950
#2E0F27

Contrast Checker

Text on white

3,15:1

AA Fail AAA Fail

Text on black

6,68: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