#DA36DB

#DA36DB

Color Values

HEX

#DA36DB

RGB

218, 54, 219

HSL

299.6, 69.6%, 53.5%

HSV

299.6, 75.3%, 85.9%

CMYK

0.5%, 75.3%, 0.0%, 14.1%

OKLCH

0.6441 0.2602 327.8

Properties

Cool Light Nearest: magenta 3

Color Harmonies

Complementary

#DA36DB

#37DB36

Analogous

#8736DB

#DB368A

#DA36DB

Triadic

#DA36DB

#DBDA36

#36DBDA

Split Complementary

#DA36DB

#8ADB36

#36DB87

Tetradic

#DA36DB

#DB8736

#37DB36

#368ADB

Color Blindness Simulation

Original

#DA36DB

Protanopia

#9392B3

Deuteranopia

#9CA9A9

Tritanopia

#D2948D

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F8E3F8
200
#F4C2F4
300
#EC97EC
400
#E15FE2
500
#D727D8
600
#AC1FAD
700
#8A198A
800
#6C136C
900
#4E124F
950
#320B32

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

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