#D548DF

#D548DF

Color Values

HEX

#D548DF

RGB

213, 72, 223

HSL

296.0, 70.2%, 57.8%

HSV

296.0, 67.7%, 87.5%

CMYK

4.5%, 67.7%, 0.0%, 12.5%

OKLCH

0.6539 0.2423 325.1

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#D548DF

#52DF48

Analogous

#8948DF

#DF489D

#D548DF

Triadic

#D548DF

#DFD548

#48DFD5

Split Complementary

#D548DF

#9DDF48

#48DF89

Tetradic

#D548DF

#DF8948

#52DF48

#489DDF

Color Blindness Simulation

Original

#D548DF

Protanopia

#9897BB

Deuteranopia

#A0ABB2

Tritanopia

#CE9E97

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#FBF3FC
100
#F6E2F8
200
#F1C2F4
300
#E797ED
400
#DA5EE3
500
#CD26D9
600
#A41EAE
700
#83188B
800
#67136D
900
#4B124F
950
#2F0B32

Contrast Checker

Text on white

3.61:1

AA Fail AAA Fail

Text on black

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