#D54AF7

#D54AF7

Color Values

HEX

#D54AF7

RGB

213, 74, 247

HSL

288.2, 91.5%, 62.9%

HSV

288.2, 70.0%, 96.9%

CMYK

13.8%, 70.0%, 0.0%, 3.1%

OKLCH

0.6698 0.2596 319.0

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#D54AF7

#6CF74A

Analogous

#7E4AF7

#F74AC2

#D54AF7

Triadic

#D54AF7

#F7D54A

#4AF7D5

Split Complementary

#D54AF7

#C2F74A

#4AF77E

Tetradic

#D54AF7

#F77E4A

#6CF74A

#4AC2F7

Color Blindness Simulation

Original

#D54AF7

Protanopia

#9998CD

Deuteranopia

#A1ABC3

Tritanopia

#CEACA5

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FBF1FD
100
#F6DFFB
200
#EFBBFC
300
#E48AFA
400
#D54AF7
500
#C60BF4
600
#9F09C3
700
#7F079C
800
#63057A
900
#490958
950
#2E0538

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

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