#EBEAF9

#EBEAF9

Color Values

HEX

#EBEAF9

RGB

235, 234, 249

HSL

244.0, 55.6%, 94.7%

HSV

244.0, 6.0%, 97.6%

CMYK

5.6%, 6.0%, 0.0%, 2.4%

OKLCH

0.9422 0.0201 289.1

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#EBEAF9

#F8F9EA

Analogous

#EAF0F9

#F2EAF9

#EBEAF9

Triadic

#EBEAF9

#F9EBEA

#EAF9EB

Split Complementary

#EBEAF9

#F9F2EA

#F0F9EA

Tetradic

#EBEAF9

#F9EAF0

#F8F9EA

#EAF9F2

Color Blindness Simulation

Original

#EBEAF9

Protanopia

#EBEBF5

Deuteranopia

#EBEBF4

Tritanopia

#EBF3F2

Achromatopsia

#EBEBEB

CSS Usage

background-color: #EBEAF9;
color: #EBEAF9;
border-color: #EBEAF9;
Nearest Tailwind: Indigo 50 #EEF2FF

Tailwind Shades

50
#F4F4FB
100
#E6E5F6
200
#CAC7EF
300
#A4A0E4
400
#736CD5
500
#4239C6
600
#352D9F
700
#2A247F
800
#211C63
900
#1B1849
950
#110F2E

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

17.67:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026