#F2EFFE

#F2EFFE

Color Values

HEX

#F2EFFE

RGB

242, 239, 254

HSL

252.0, 88.2%, 96.7%

HSV

252.0, 5.9%, 99.6%

CMYK

4.7%, 5.9%, 0.0%, 0.4%

OKLCH

0.9588 0.0202 295.2

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#F2EFFE

#FBFEEF

Analogous

#EFF4FE

#FAEFFE

#F2EFFE

Triadic

#F2EFFE

#FEF2EF

#EFFEF2

Split Complementary

#F2EFFE

#FEFAEF

#F4FEEF

Tetradic

#F2EFFE

#FEEFF4

#FBFEEF

#EFFEFA

Color Blindness Simulation

Original

#F2EFFE

Protanopia

#F1F1FA

Deuteranopia

#F1F1FA

Tritanopia

#F2F8F7

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#F4F2FD
100
#E5E0FB
200
#C8BCFB
300
#A18CF8
400
#6F4DF4
500
#3C0FF0
600
#300CC0
700
#260A9A
800
#1E0878
900
#190A57
950
#100637

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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