#D55297

#D55297

Color Values

HEX

#D55297

RGB

213, 82, 151

HSL

328.4, 60.9%, 57.8%

HSV

328.4, 61.5%, 83.5%

CMYK

0.0%, 61.5%, 29.1%, 16.5%

OKLCH

0.631 0.179 350.8

Properties

Warm Light Nearest: Mulberry

Color Harmonies

Complementary

#D55297

#52D590

Analogous

#D152D5

#D55255

#D55297

Triadic

#D55297

#97D552

#5297D5

Split Complementary

#D55297

#55D552

#52D5D1

Tetradic

#D55297

#D5D152

#52D590

#5255D5

Color Blindness Simulation

Original

#D55297

Protanopia

#9C9B86

Deuteranopia

#A4AE82

Tritanopia

#CE7976

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#FBF3F8
100
#F6E4EE
200
#F1C6DC
300
#E79DC4
400
#DA67A4
500
#CD3284
600
#A42869
700
#832054
800
#671942
900
#4B1632
950
#2F0E1F

Contrast Checker

Text on white

3.83:1

AA Fail AAA Fail

Text on black

5.48:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026