#DB45D3

#DB45D3

Color Values

HEX

#DB45D3

RGB

219, 69, 211

HSL

303,2, 67,6%, 56,5%

HSV

303,2, 68,5%, 85,9%

CMYK

0,0%, 68,5%, 3,7%, 14,1%

OKLCH

0,653 0,2394 330,2

Properties

Warm Light Nearest: Purple Pizzazz

Color Harmonies

Complementary

#DB45D3

#45DB4D

Analogous

#9845DB

#DB4588

#DB45D3

Triadic

#DB45D3

#D3DB45

#45D3DB

Split Complementary

#DB45D3

#88DB45

#45DB98

Tetradic

#DB45D3

#DB9845

#45DB4D

#4588DB

Color Blindness Simulation

Original

#DB45D3

Protanopia

#9A99B1

Deuteranopia

#A3AEA8

Tritanopia

#D39590

Achromatopsia

#6F6F6F

CSS Usage

background-color: #DB45D3;
color: #DB45D3;
border-color: #DB45D3;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FCF3FB
100
#F7E3F6
200
#F3C3F1
300
#EB98E7
400
#E061DA
500
#D629CC
600
#AB21A4
700
#891A83
800
#6B1566
900
#4E134B
950
#310C2F

Contrast Checker

Text on white

3,62:1

AA Fail AAA Fail

Text on black

5,8: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