#D486ED

#D486ED

Color Values

HEX

#D486ED

RGB

212, 134, 237

HSL

285.4, 74.1%, 72.7%

HSV

285.4, 43.5%, 92.9%

CMYK

10.5%, 43.5%, 0.0%, 7.1%

OKLCH

0.7381 0.1641 317.6

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#D486ED

#9FED86

Analogous

#A086ED

#ED86D2

#D486ED

Triadic

#D486ED

#EDD486

#86EDD4

Split Complementary

#D486ED

#D2ED86

#86EDA0

Tetradic

#D486ED

#EDA086

#9FED86

#86D2ED

Color Blindness Simulation

Original

#D486ED

Protanopia

#B2B2D4

Deuteranopia

#B7BDCE

Tritanopia

#D0C0BC

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#FAF3FC
100
#F3E2F8
200
#E9C1F6
300
#D994EF
400
#C55BE7
500
#B021DE
600
#8D1AB2
700
#71158E
800
#58116F
900
#411051
950
#290A33

Contrast Checker

Text on white

2.49:1

AA Fail AAA Fail

Text on black

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