#D546CC

#D546CC

Color Values

HEX

#D546CC

RGB

213, 70, 204

HSL

303.8, 63.0%, 55.5%

HSV

303.8, 67.1%, 83.5%

CMYK

0.0%, 67.1%, 4.2%, 16.5%

OKLCH

0.6418 0.2299 330.5

Properties

Warm Light Nearest: Purple Pizzazz

Color Harmonies

Complementary

#D546CC

#46D54F

Analogous

#9746D5

#D54684

#D546CC

Triadic

#D546CC

#CCD546

#46CCD5

Split Complementary

#D546CC

#84D546

#46D597

Tetradic

#D546CC

#D59746

#46D54F

#4684D5

Color Blindness Simulation

Original

#D546CC

Protanopia

#9796AC

Deuteranopia

#9FAAA4

Tritanopia

#CE928C

Achromatopsia

#6E6E6E

CSS Usage

background-color: #D546CC;
color: #D546CC;
border-color: #D546CC;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FBF3FB
100
#F7E4F5
200
#F2C5EF
300
#E89BE3
400
#DC65D5
500
#D02FC6
600
#A6269E
700
#851E7E
800
#681863
900
#4C1548
950
#300D2E

Contrast Checker

Text on white

3.77:1

AA Fail AAA Fail

Text on black

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