#D391FF

#D391FF

Color Values

HEX

#D391FF

RGB

211, 145, 255

HSL

276.0, 100.0%, 78.4%

HSV

276.0, 43.1%, 100.0%

CMYK

17.3%, 43.1%, 0.0%, 0.0%

OKLCH

0.7629 0.1655 310.6

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#D391FF

#BDFF91

Analogous

#9C91FF

#FF91F4

#D391FF

Triadic

#D391FF

#FFD391

#91FFD3

Split Complementary

#D391FF

#F4FF91

#91FF9C

Tetradic

#D391FF

#FF9C91

#BDFF91

#91F4FF

Color Blindness Simulation

Original

#D391FF

Protanopia

#B6B6E4

Deuteranopia

#BABFDE

Tritanopia

#D0CFCB

Achromatopsia

#A7A7A7

CSS Usage

background-color: #D391FF;
color: #D391FF;
border-color: #D391FF;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F9F1FE
100
#F0DEFC
200
#E2B8FF
300
#CE85FF
400
#B442FF
500
#9900FF
600
#7A00CC
700
#6200A3
800
#4C0080
900
#39055C
950
#24033A

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

9.26:1

AA Pass AAA Pass

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