#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

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026