#DB548A

#DB548A

Color Values

HEX

#DB548A

RGB

219, 84, 138

HSL

336.0, 65.2%, 59.4%

HSV

336.0, 61.6%, 85.9%

CMYK

0.0%, 61.6%, 37.0%, 14.1%

OKLCH

0.6378 0.1759 358.5

Properties

Warm Light Nearest: RAL 4003 Heather Violet

Color Harmonies

Complementary

#DB548A

#54DBA5

Analogous

#DB54CD

#DB6154

#DB548A

Triadic

#DB548A

#8ADB54

#548ADB

Split Complementary

#DB548A

#54DB61

#54CDDB

Tetradic

#DB548A

#CDDB54

#54DBA5

#6154DB

Color Blindness Simulation

Original

#DB548A

Protanopia

#A19F7D

Deuteranopia

#A8B27A

Tritanopia

#D47370

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FCF3F7
100
#F7E3EB
200
#F3C4D7
300
#EA9ABA
400
#DE6394
500
#D32C6F
600
#A92359
700
#871C47
800
#691637
900
#4D142B
950
#310D1B

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

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