#D42DCC

#D42DCC

Color Values

HEX

#D42DCC

RGB

212, 45, 204

HSL

302.9, 66.0%, 50.4%

HSV

302.9, 78.8%, 83.1%

CMYK

0.0%, 78.8%, 3.8%, 16.9%

OKLCH

0.621 0.2546 330.3

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#D42DCC

#2DD435

Analogous

#892DD4

#D42D78

#D42DCC

Triadic

#D42DCC

#CCD42D

#2DCCD4

Split Complementary

#D42DCC

#78D42D

#2DD489

Tetradic

#D42DCC

#D4892D

#2DD435

#2D78D4

Color Blindness Simulation

Original

#D42DCC

Protanopia

#8C8AA6

Deuteranopia

#95A29C

Tritanopia

#CC8780

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F7E3F6
200
#F3C4F1
300
#EA99E6
400
#DF62D9
500
#D42BCC
600
#A923A3
700
#871C82
800
#6A1666
900
#4D144A
950
#310C2F

Contrast Checker

Text on white

4.16:1

AA Fail AAA Fail

Text on black

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