#EAECFF

#EAECFF

Color Values

HEX

#EAECFF

RGB

234, 236, 255

HSL

234.3, 100.0%, 95.9%

HSV

234.3, 8.2%, 100.0%

CMYK

8.2%, 7.5%, 0.0%, 0.0%

OKLCH

0.9472 0.0256 281.1

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#EAECFF

#FFFDEA

Analogous

#EAF7FF

#F3EAFF

#EAECFF

Triadic

#EAECFF

#FFEAEC

#ECFFEA

Split Complementary

#EAECFF

#FFF3EA

#F7FFEA

Tetradic

#EAECFF

#FFEAF7

#FFFDEA

#EAFFF3

Color Blindness Simulation

Original

#EAECFF

Protanopia

#EBEBFA

Deuteranopia

#EBEBF9

Tritanopia

#EAF7F6

Achromatopsia

#EDEDED

CSS Usage

background-color: #EAECFF;
color: #EAECFF;
border-color: #EAECFF;
Nearest Tailwind: Violet 100 #EDE9FE

Tailwind Shades

50
#F1F2FE
100
#DEE1FC
200
#B8BEFF
300
#8590FF
400
#4254FF
500
#0018FF
600
#0013CC
700
#0010A3
800
#000C80
900
#050D5C
950
#03083A

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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