#DD72AB

#DD72AB

Color Values

HEX

#DD72AB

RGB

221, 114, 171

HSL

328.0, 61.1%, 65.7%

HSV

328.0, 48.4%, 86.7%

CMYK

0.0%, 48.4%, 22.6%, 13.3%

OKLCH

0.6913 0.1481 348.5

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#DD72AB

#72DDA4

Analogous

#D972DD

#DD7276

#DD72AB

Triadic

#DD72AB

#ABDD72

#72ABDD

Split Complementary

#DD72AB

#76DD72

#72DDD9

Tetradic

#DD72AB

#DDD972

#72DDA4

#7276DD

Color Blindness Simulation

Original

#DD72AB

Protanopia

#AFAE9D

Deuteranopia

#B5BD9A

Tritanopia

#D89290

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#FBF3F8
100
#F6E4EE
200
#F1C5DD
300
#E79CC4
400
#DA67A4
500
#CD3285
600
#A4286A
700
#832055
800
#671942
900
#4B1632
950
#2F0E20

Contrast Checker

Text on white

2.97:1

AA Fail AAA Fail

Text on black

7.07:1

AA Pass AAA Pass

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