#F4EAFA

#F4EAFA

Color Values

HEX

#F4EAFA

RGB

244, 234, 250

HSL

277.5, 61.5%, 94.9%

HSV

277.5, 6.4%, 98.0%

CMYK

2.4%, 6.4%, 0.0%, 2.0%

OKLCH

0.9495 0.0237 313.1

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#F4EAFA

#F0FAEA

Analogous

#ECEAFA

#FAEAF8

#F4EAFA

Triadic

#F4EAFA

#FAF4EA

#EAFAF4

Split Complementary

#F4EAFA

#F8FAEA

#EAFAEC

Tetradic

#F4EAFA

#FAECEA

#F0FAEA

#EAF8FA

Color Blindness Simulation

Original

#F4EAFA

Protanopia

#F0F0F6

Deuteranopia

#F0F1F5

Tritanopia

#F3F3F2

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F8F3FB
100
#EFE4F6
200
#E1C5F1
300
#CB9CE7
400
#AF67DB
500
#9331CE
600
#7627A5
700
#5E1F84
800
#4A1967
900
#37164B
950
#230E30

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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