#DA22DB

#DA22DB

Color Values

HEX

#DA22DB

RGB

218, 34, 219

HSL

299.7, 73.1%, 49.6%

HSV

299.7, 84.5%, 85.9%

CMYK

0.5%, 84.5%, 0.0%, 14.1%

OKLCH

0.6329 0.2751 328.0

Properties

Cool Light Nearest: magenta 3

Color Harmonies

Complementary

#DA22DB

#23DB22

Analogous

#7E22DB

#DB227F

#DA22DB

Triadic

#DA22DB

#DBDA22

#22DBDA

Split Complementary

#DA22DB

#7FDB22

#22DB7E

Tetradic

#DA22DB

#DB7E22

#23DB22

#227FDB

Color Blindness Simulation

Original

#DA22DB

Protanopia

#8A89AE

Deuteranopia

#95A3A3

Tritanopia

#D18B83

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F8E2F8
200
#F5C1F5
300
#EE95EF
400
#E55CE6
500
#DC22DD
600
#B01BB1
700
#8D168D
800
#6E116E
900
#501150
950
#330A33

Contrast Checker

Text on white

4.01:1

AA Fail AAA Fail

Text on black

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