#D816DB

#D816DB

Color Values

HEX

#D816DB

RGB

216, 22, 219

HSL

299.1, 81.7%, 47.3%

HSV

299.1, 90.0%, 85.9%

CMYK

1.4%, 90.0%, 0.0%, 14.1%

OKLCH

0.6254 0.2803 327.5

Properties

Cool Light Nearest: magenta 3

Color Harmonies

Complementary

#D816DB

#19DB16

Analogous

#7616DB

#DB167C

#D816DB

Triadic

#D816DB

#DBD816

#16DBD8

Split Complementary

#D816DB

#7CDB16

#16DB76

Tetradic

#D816DB

#DB7616

#19DB16

#167CDB

Color Blindness Simulation

Original

#D816DB

Protanopia

#8482AB

Deuteranopia

#8F9EA0

Tritanopia

#CE867D

Achromatopsia

#4D4D4D

CSS Usage

background-color: #D816DB;
color: #D816DB;
border-color: #D816DB;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FDF2FD
100
#F9E1FA
200
#F8BEF8
300
#F290F4
400
#EB54EE
500
#E517E8
600
#B713B9
700
#920F94
800
#720C74
900
#530D54
950
#340835

Contrast Checker

Text on white

4.15:1

AA Fail AAA Fail

Text on black

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