#D693F0

#D693F0

Color Values

HEX

#D693F0

RGB

214, 147, 240

HSL

283.2, 75.6%, 75.9%

HSV

283.2, 38.8%, 94.1%

CMYK

10.8%, 38.8%, 0.0%, 5.9%

OKLCH

0.7622 0.1466 316.1

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#D693F0

#ADF093

Analogous

#A893F0

#F093DC

#D693F0

Triadic

#D693F0

#F0D693

#93F0D6

Split Complementary

#D693F0

#DCF093

#93F0A8

Tetradic

#D693F0

#F0A893

#ADF093

#93DCF0

Color Blindness Simulation

Original

#D693F0

Protanopia

#B9B8DA

Deuteranopia

#BDC2D4

Tritanopia

#D3C8C4

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#FAF2FC
100
#F2E2F9
200
#E7C0F6
300
#D694F0
400
#C059E8
500
#AA1FE0
600
#8819B3
700
#6D148F
800
#551070
900
#3F0F51
950
#280A33

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

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