#DB4689

#DB4689

Color Values

HEX

#DB4689

RGB

219, 70, 137

HSL

333.0, 67.4%, 56.7%

HSV

333.0, 68.0%, 85.9%

CMYK

0.0%, 68.0%, 37.4%, 14.1%

OKLCH

0.6222 0.1937 356.7

Properties

Warm Light Nearest: RAL 4003 Heather Violet

Color Harmonies

Complementary

#DB4689

#46DB98

Analogous

#DB46D4

#DB4E46

#DB4689

Triadic

#DB4689

#89DB46

#4689DB

Split Complementary

#DB4689

#46DB4E

#46D4DB

Tetradic

#DB4689

#D4DB46

#46DB98

#4E46DB

Color Blindness Simulation

Original

#DB4689

Protanopia

#9A9979

Deuteranopia

#A3AE75

Tritanopia

#D46C69

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#FCF3F7
100
#F7E3EC
200
#F3C3D9
300
#EB99BE
400
#E0619A
500
#D52A77
600
#AB215F
700
#891B4C
800
#6B153B
900
#4E132E
950
#310C1D

Contrast Checker

Text on white

4.0:1

AA Fail AAA Fail

Text on black

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