#F5EEFA

#F5EEFA

Color Values

HEX

#F5EEFA

RGB

245, 238, 250

HSL

275.0, 54.5%, 95.7%

HSV

275.0, 4.8%, 98.0%

CMYK

2.0%, 4.8%, 0.0%, 2.0%

OKLCH

0.958 0.0175 311.6

Properties

Cool Light Nearest: ghostwhite

Color Harmonies

Complementary

#F5EEFA

#F3FAEE

Analogous

#EFEEFA

#FAEEF9

#F5EEFA

Triadic

#F5EEFA

#FAF5EE

#EEFAF5

Split Complementary

#F5EEFA

#F9FAEE

#EEFAEF

Tetradic

#F5EEFA

#FAEFEE

#F3FAEE

#EEF9FA

Color Blindness Simulation

Original

#F5EEFA

Protanopia

#F2F2F7

Deuteranopia

#F2F3F6

Tritanopia

#F5F5F4

Achromatopsia

#F0F0F0

CSS Usage

background-color: #F5EEFA;
color: #F5EEFA;
border-color: #F5EEFA;
Nearest Tailwind: Violet 50 #F5F3FF

Tailwind Shades

50
#F8F4FB
100
#EFE5F5
200
#DFC8EF
300
#C7A0E3
400
#A96DD4
500
#8B3AC5
600
#6F2E9E
700
#59257E
800
#461D62
900
#341948
950
#21102E

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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