#D03384

#D03384

Color Values

HEX

#D03384

RGB

208, 51, 132

HSL

329.0, 62.5%, 50.8%

HSV

329.0, 75.5%, 81.6%

CMYK

0.0%, 75.5%, 36.5%, 18.4%

OKLCH

0.5857 0.2041 354.1

Properties

Warm Dark Nearest: Cerise

Color Harmonies

Complementary

#D03384

#33D07F

Analogous

#CD33D0

#D03336

#D03384

Triadic

#D03384

#84D033

#3384D0

Split Complementary

#D03384

#36D033

#33D0CD

Tetradic

#D03384

#D0CD33

#33D07F

#3336D0

Color Blindness Simulation

Original

#D03384

Protanopia

#8C8B70

Deuteranopia

#95A16C

Tritanopia

#C8615E

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FBF3F7
100
#F7E4ED
200
#F2C5DC
300
#E89CC3
400
#DC66A3
500
#CF3082
600
#A62668
700
#851F53
800
#681841
900
#4C1531
950
#300D1F

Contrast Checker

Text on white

4.68:1

AA Pass AAA Fail

Text on black

4.49:1

AA Fail AAA Fail

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