#D30DCF

#D30DCF

Color Values

HEX

#D30DCF

RGB

211, 13, 207

HSL

301.2, 88.4%, 43.9%

HSV

301.2, 93.8%, 82.7%

CMYK

0.0%, 93.8%, 1.9%, 17.3%

OKLCH

0.6083 0.2737 329.4

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#D30DCF

#0DD311

Analogous

#740DD3

#D30D6C

#D30DCF

Triadic

#D30DCF

#CFD30D

#0DCFD3

Split Complementary

#D30DCF

#6CD30D

#0DD374

Tetradic

#D30DCF

#D3740D

#0DD311

#0D6CD3

Color Blindness Simulation

Original

#D30DCF

Protanopia

#7D7CA0

Deuteranopia

#899895

Tritanopia

#C97B73

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FBE0FA
200
#FBBCFA
300
#F88CF6
400
#F44DF1
500
#F00FEC
600
#C00CBD
700
#9A0997
800
#780776
900
#570A55
950
#370636

Contrast Checker

Text on white

4.44:1

AA Fail AAA Fail

Text on black

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