#D55696

#D55696

Color Values

HEX

#D55696

RGB

213, 86, 150

HSL

329.8, 60.2%, 58.6%

HSV

329.8, 59.6%, 83.5%

CMYK

0.0%, 59.6%, 29.6%, 16.5%

OKLCH

0.6354 0.1728 351.8

Properties

Warm Light Nearest: Mulberry

Color Harmonies

Complementary

#D55696

#56D595

Analogous

#D556D5

#D55656

#D55696

Triadic

#D55696

#96D556

#5696D5

Split Complementary

#D55696

#56D556

#56D5D5

Tetradic

#D55696

#D5D556

#56D595

#5656D5

Color Blindness Simulation

Original

#D55696

Protanopia

#9E9D87

Deuteranopia

#A5AF83

Tritanopia

#CF7A78

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#FBF3F7
100
#F6E4ED
200
#F1C6DB
300
#E79DC2
400
#D968A1
500
#CC3380
600
#A32966
700
#832052
800
#661940
900
#4B1631
950
#2F0E1F

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

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