#D1488F

#D1488F

Color Values

HEX

#D1488F

RGB

209, 72, 143

HSL

328.9, 59.8%, 55.1%

HSV

328.9, 65.6%, 82.0%

CMYK

0.0%, 65.6%, 31.6%, 18.0%

OKLCH

0.6109 0.1853 352.0

Properties

Warm Light Nearest: Mulberry

Color Harmonies

Complementary

#D1488F

#48D18A

Analogous

#CE48D1

#D1484B

#D1488F

Triadic

#D1488F

#8FD148

#488FD1

Split Complementary

#D1488F

#4BD148

#48D1CE

Tetradic

#D1488F

#D1CE48

#48D18A

#484BD1

Color Blindness Simulation

Original

#D1488F

Protanopia

#96947E

Deuteranopia

#9EA87A

Tritanopia

#CA706D

Achromatopsia

#6A6A6A

CSS Usage

background-color: #D1488F;
color: #D1488F;
border-color: #D1488F;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FBF3F7
100
#F6E4ED
200
#F1C6DC
300
#E69DC3
400
#D968A3
500
#CC3382
600
#A32968
700
#822153
800
#661A41
900
#4B1631
950
#2F0E1F

Contrast Checker

Text on white

4.17:1

AA Fail AAA Fail

Text on black

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