#F8EEFD

#F8EEFD

Color Values

HEX

#F8EEFD

RGB

248, 238, 253

HSL

280.0, 78.9%, 96.3%

HSV

280.0, 5.9%, 99.2%

CMYK

2.0%, 5.9%, 0.0%, 0.8%

OKLCH

0.9612 0.0225 314.7

Properties

Cool Light Nearest: lavenderblush

Color Harmonies

Complementary

#F8EEFD

#F3FDEE

Analogous

#F1EEFD

#FDEEFB

#F8EEFD

Triadic

#F8EEFD

#FDF8EE

#EEFDF8

Split Complementary

#F8EEFD

#FBFDEE

#EEFDF1

Tetradic

#F8EEFD

#FDF1EE

#F3FDEE

#EEFBFD

Color Blindness Simulation

Original

#F8EEFD

Protanopia

#F4F4F9

Deuteranopia

#F4F5F8

Tritanopia

#F8F7F6

Achromatopsia

#F1F1F1

CSS Usage

background-color: #F8EEFD;
color: #F8EEFD;
border-color: #F8EEFD;
Nearest Tailwind: Fuchsia 50 #FDF4FF

Tailwind Shades

50
#F9F2FC
100
#F1E1F9
200
#E5BFF7
300
#D292F2
400
#B956EB
500
#A11BE4
600
#8116B6
700
#671192
800
#510D72
900
#3C0E53
950
#260934

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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