#DD589F

#DD589F

Color Values

HEX

#DD589F

RGB

221, 88, 159

HSL

328.0, 66.2%, 60.6%

HSV

328.0, 60.2%, 86.7%

CMYK

0.0%, 60.2%, 28.1%, 13.3%

OKLCH

0.6526 0.1815 350.2

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#DD589F

#58DD96

Analogous

#D958DD

#DD585C

#DD589F

Triadic

#DD589F

#9FDD58

#589FDD

Split Complementary

#DD589F

#5CDD58

#58DDD9

Tetradic

#DD589F

#DDD958

#58DD96

#585CDD

Color Blindness Simulation

Original

#DD589F

Protanopia

#A3A28E

Deuteranopia

#ABB58A

Tritanopia

#D6807D

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#FCF3F8
100
#F7E3EE
200
#F3C4DD
300
#EA99C5
400
#DF62A5
500
#D42B85
600
#AA226B
700
#881C55
800
#6A1643
900
#4D1432
950
#310C20

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

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