#D687FD

#D687FD

Color Values

HEX

#D687FD

RGB

214, 135, 253

HSL

280.2, 96.7%, 76.1%

HSV

280.2, 46.6%, 99.2%

CMYK

15.4%, 46.6%, 0.0%, 0.8%

OKLCH

0.7495 0.1806 313.6

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#D687FD

#AEFD87

Analogous

#9B87FD

#FD87E9

#D687FD

Triadic

#D687FD

#FDD687

#87FDD6

Split Complementary

#D687FD

#E9FD87

#87FD9B

Tetradic

#D687FD

#FD9B87

#AEFD87

#87E9FD

Color Blindness Simulation

Original

#D687FD

Protanopia

#B4B3E0

Deuteranopia

#B8BEDA

Tritanopia

#D2CAC5

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F9F1FE
100
#F2DEFC
200
#E7B9FE
300
#D687FD
400
#C045FC
500
#A904FB
600
#8803C9
700
#6C03A1
800
#55027D
900
#3F065B
950
#280439

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

8.74:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026