#D33889

#D33889

Color Values

HEX

#D33889

RGB

211, 56, 137

HSL

328.6, 63.8%, 52.4%

HSV

328.6, 73.5%, 82.7%

CMYK

0.0%, 73.5%, 35.1%, 17.3%

OKLCH

0.5965 0.2033 353.2

Properties

Warm Light Nearest: Cerise

Color Harmonies

Complementary

#D33889

#38D382

Analogous

#CF38D3

#D3383C

#D33889

Triadic

#D33889

#89D338

#3889D3

Split Complementary

#D33889

#3CD338

#38D3CF

Tetradic

#D33889

#D3CF38

#38D382

#383CD3

Color Blindness Simulation

Original

#D33889

Protanopia

#908F75

Deuteranopia

#99A471

Tritanopia

#CB6663

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#FBF3F8
100
#F7E3EE
200
#F2C5DC
300
#E99BC4
400
#DD64A3
500
#D12E83
600
#A72569
700
#861E54
800
#681742
900
#4C1532
950
#300D1F

Contrast Checker

Text on white

4.47:1

AA Fail AAA Fail

Text on black

4.7:1

AA Pass 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