#F0EEFC

#F0EEFC

Color Values

HEX

#F0EEFC

RGB

240, 238, 252

HSL

248.6, 70.0%, 96.1%

HSV

248.6, 5.6%, 98.8%

CMYK

4.8%, 5.6%, 0.0%, 1.2%

OKLCH

0.9547 0.0188 292.6

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#F0EEFC

#FAFCEE

Analogous

#EEF3FC

#F7EEFC

#F0EEFC

Triadic

#F0EEFC

#FCF0EE

#EEFCF0

Split Complementary

#F0EEFC

#FCF7EE

#F3FCEE

Tetradic

#F0EEFC

#FCEEF3

#FAFCEE

#EEFCF7

Color Blindness Simulation

Original

#F0EEFC

Protanopia

#EFEFF9

Deuteranopia

#EFEFF8

Tritanopia

#F0F6F5

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E6E3F8
200
#C9C2F4
300
#A397ED
400
#725FE3
500
#4026D9
600
#331FAD
700
#29188B
800
#20136C
900
#1B124F
950
#110B32

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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