#DD648F

#DD648F

Color Values

HEX

#DD648F

RGB

221, 100, 143

HSL

338.7, 64.0%, 62.9%

HSV

338.7, 54.8%, 86.7%

CMYK

0.0%, 54.8%, 35.3%, 13.3%

OKLCH

0.6625 0.157 360.0

Properties

Warm Light Nearest: palevioletred

Color Harmonies

Complementary

#DD648F

#64DDB2

Analogous

#DD64CB

#DD7564

#DD648F

Triadic

#DD648F

#8FDD64

#648FDD

Split Complementary

#DD648F

#64DD75

#64CBDD

Tetradic

#DD648F

#CBDD64

#64DDB2

#7564DD

Color Blindness Simulation

Original

#DD648F

Protanopia

#A9A885

Deuteranopia

#B0B982

Tritanopia

#D77C7B

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#FCF3F6
100
#F7E3EA
200
#F2C4D5
300
#E99BB6
400
#DD648F
500
#D12E68
600
#A72553
700
#861D42
800
#691734
900
#4C1528
950
#300D19

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

6.29:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026