#DD5F98

#DD5F98

Color Values

HEX

#DD5F98

RGB

221, 95, 152

HSL

332.9, 64.9%, 62.0%

HSV

332.9, 57.0%, 86.7%

CMYK

0.0%, 57.0%, 31.2%, 13.3%

OKLCH

0.6588 0.1679 354.4

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#DD5F98

#5FDDA4

Analogous

#DD5FD7

#DD655F

#DD5F98

Triadic

#DD5F98

#98DD5F

#5F98DD

Split Complementary

#DD5F98

#5FDD65

#5FD7DD

Tetradic

#DD5F98

#D7DD5F

#5FDDA4

#655FDD

Color Blindness Simulation

Original

#DD5F98

Protanopia

#A6A58A

Deuteranopia

#AEB787

Tritanopia

#D77F7D

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#FCF3F7
100
#F7E3EC
200
#F2C4D9
300
#EA9ABE
400
#DE639B
500
#D22D78
600
#A82460
700
#871D4C
800
#69163C
900
#4D142E
950
#300D1D

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

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