#DA12ED

#DA12ED

Color Values

HEX

#DA12ED

RGB

218, 18, 237

HSL

294.8, 85.9%, 50.0%

HSV

294.8, 92.4%, 92.9%

CMYK

8.0%, 92.4%, 0.0%, 7.1%

OKLCH

0.6385 0.2945 323.8

Properties

Cool Light Nearest: magenta 2

Color Harmonies

Complementary

#DA12ED

#25ED12

Analogous

#6D12ED

#ED1292

#DA12ED

Triadic

#DA12ED

#EDDA12

#12EDDA

Split Complementary

#DA12ED

#92ED12

#12ED6D

Tetradic

#DA12ED

#ED6D12

#25ED12

#1292ED

Color Blindness Simulation

Original

#DA12ED

Protanopia

#8382B8

Deuteranopia

#8F9EAB

Tritanopia

#D08E85

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F8E0FA
200
#F5BDFA
300
#ED8DF6
400
#E450F2
500
#DA12ED
600
#AE0EBE
700
#8C0C98
800
#6D0977
900
#4F0B56
950
#320736

Contrast Checker

Text on white

3.97:1

AA Fail AAA Fail

Text on black

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