#F0EFF8

#F0EFF8

Color Values

HEX

#F0EFF8

RGB

240, 239, 248

HSL

246.7, 39.1%, 95.5%

HSV

246.7, 3.6%, 97.3%

CMYK

3.2%, 3.6%, 0.0%, 2.7%

OKLCH

0.9555 0.012 291.3

Properties

Cool Light Nearest: ghostwhite

Color Harmonies

Complementary

#F0EFF8

#F7F8EF

Analogous

#EFF3F8

#F5EFF8

#F0EFF8

Triadic

#F0EFF8

#F8F0EF

#EFF8F0

Split Complementary

#F0EFF8

#F8F5EF

#F3F8EF

Tetradic

#F0EFF8

#F8EFF3

#F7F8EF

#EFF8F5

Color Blindness Simulation

Original

#F0EFF8

Protanopia

#F0F0F6

Deuteranopia

#F0F0F5

Tritanopia

#F0F4F4

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E9E7F3
200
#D0CDE9
300
#AFAADA
400
#847CC6
500
#594EB1
600
#473E8E
700
#393272
800
#2C2759
900
#231F41
950
#161429

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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