#E6DAFF

#E6DAFF

Color Values

HEX

#E6DAFF

RGB

230, 218, 255

HSL

259.5, 100.0%, 92.7%

HSV

259.5, 14.5%, 100.0%

CMYK

9.8%, 14.5%, 0.0%, 0.0%

OKLCH

0.9094 0.0515 300.2

Properties

Cool Light Nearest: thistle 2

Color Harmonies

Complementary

#E6DAFF

#F3FFDA

Analogous

#DAE0FF

#F8DAFF

#E6DAFF

Triadic

#E6DAFF

#FFE6DA

#DAFFE6

Split Complementary

#E6DAFF

#FFF8DA

#E0FFDA

Tetradic

#E6DAFF

#FFDAE0

#F3FFDA

#DAFFF8

Color Blindness Simulation

Original

#E6DAFF

Protanopia

#E1E1F6

Deuteranopia

#E2E2F4

Tritanopia

#E5EFED

Achromatopsia

#DFDFDF

CSS Usage

background-color: #E6DAFF;
color: #E6DAFF;
border-color: #E6DAFF;
Nearest Tailwind: Violet 200 #DDD6FE

Tailwind Shades

50
#F5F1FE
100
#E8DEFC
200
#CFB8FF
300
#AC85FF
400
#8042FF
500
#5300FF
600
#4200CC
700
#3500A3
800
#290080
900
#21055C
950
#15033A

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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