#DB54D6

#DB54D6

Color Values

HEX

#DB54D6

RGB

219, 84, 214

HSL

302.2, 65.2%, 59.4%

HSV

302.2, 61.6%, 85.9%

CMYK

0.0%, 61.6%, 2.3%, 14.1%

OKLCH

0.6692 0.2232 329.2

Properties

Warm Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#DB54D6

#54DB59

Analogous

#9C54DB

#DB5493

#DB54D6

Triadic

#DB54D6

#D6DB54

#54D6DB

Split Complementary

#DB54D6

#93DB54

#54DB9C

Tetradic

#DB54D6

#DB9C54

#54DB59

#5493DB

Color Blindness Simulation

Original

#DB54D6

Protanopia

#A19FB7

Deuteranopia

#A8B2AF

Tritanopia

#D49E98

Achromatopsia

#7A7A7A

CSS Usage

background-color: #DB54D6;
color: #DB54D6;
border-color: #DB54D6;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FCF3FB
100
#F7E3F6
200
#F3C4F1
300
#EA9AE7
400
#DE63DA
500
#D32CCD
600
#A923A4
700
#871C83
800
#691666
900
#4D144B
950
#310D2F

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

6.25:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026