#D48FDA

#D48FDA

Color Values

HEX

#D48FDA

RGB

212, 143, 218

HSL

295.2, 50.3%, 70.8%

HSV

295.2, 34.4%, 85.5%

CMYK

2.8%, 34.4%, 0.0%, 14.5%

OKLCH

0.7441 0.1289 324.0

Properties

Cool Light Nearest: plum

Color Harmonies

Complementary

#D48FDA

#95DA8F

Analogous

#AF8FDA

#DA8FBB

#D48FDA

Triadic

#D48FDA

#DAD48F

#8FDAD4

Split Complementary

#D48FDA

#BBDA8F

#8FDAAF

Tetradic

#D48FDA

#DAAF8F

#95DA8F

#8FBBDA

Color Blindness Simulation

Original

#D48FDA

Protanopia

#B6B6C8

Deuteranopia

#BABFC4

Tritanopia

#D1BAB6

Achromatopsia

#A3A3A3

CSS Usage

background-color: #D48FDA;
color: #D48FDA;
border-color: #D48FDA;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FAF4FB
100
#F4E6F5
200
#EAC9ED
300
#DCA3E1
400
#C971D0
500
#B53FC0
600
#913399
700
#74297B
800
#5B2060
900
#431B46
950
#2A112C

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

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