#DB54CC

#DB54CC

Color Values

HEX

#DB54CC

RGB

219, 84, 204

HSL

306,7, 65,2%, 59,4%

HSV

306,7, 61,6%, 85,9%

CMYK

0,0%, 61,6%, 6,8%, 14,1%

OKLCH

0,6643 0,2154 332,3

Properties

Warm Light Nearest: orchid 2

Color Harmonies

Complementary

#DB54CC

#54DB63

Analogous

#A754DB

#DB5488

#DB54CC

Triadic

#DB54CC

#CCDB54

#54CCDB

Split Complementary

#DB54CC

#88DB54

#54DBA7

Tetradic

#DB54CC

#DBA754

#54DB63

#5488DB

Color Blindness Simulation

Original

#DB54CC

Protanopia

#A19FAF

Deuteranopia

#A8B2A8

Tritanopia

#D49893

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F7E3F5
200
#F3C4ED
300
#EA9AE1
400
#DE63D0
500
#D32CC0
600
#A9239A
700
#871C7B
800
#691660
900
#4D1447
950
#310D2D

Contrast Checker

Text on white

3,41:1

AA Fail AAA Fail

Text on black

6,15:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026