#DD588D

#DD588D

Color Values

HEX

#DD588D

RGB

221, 88, 141

HSL

336.1, 66.2%, 60.6%

HSV

336.1, 60.2%, 86.7%

CMYK

0.0%, 60.2%, 36.2%, 13.3%

OKLCH

0.6465 0.1734 358.3

Properties

Warm Light Nearest: RAL 4003 Heather Violet

Color Harmonies

Complementary

#DD588D

#58DDA8

Analogous

#DD58D0

#DD6658

#DD588D

Triadic

#DD588D

#8DDD58

#588DDD

Split Complementary

#DD588D

#58DD66

#58D0DD

Tetradic

#DD588D

#D0DD58

#58DDA8

#6658DD

Color Blindness Simulation

Original

#DD588D

Protanopia

#A3A280

Deuteranopia

#ABB57D

Tritanopia

#D67674

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FCF3F6
100
#F7E3EB
200
#F3C4D6
300
#EA99BA
400
#DF6294
500
#D42B6E
600
#AA2258
700
#881C47
800
#6A1637
900
#4D142B
950
#310C1B

Contrast Checker

Text on white

3.59:1

AA Fail AAA Fail

Text on black

5.85:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026