#F3EFFE

#F3EFFE

Color Values

HEX

#F3EFFE

RGB

243, 239, 254

HSL

256.0, 88.2%, 96.7%

HSV

256.0, 5.9%, 99.6%

CMYK

4.3%, 5.9%, 0.0%, 0.4%

OKLCH

0.9596 0.0204 298.2

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#F3EFFE

#FAFEEF

Analogous

#EFF3FE

#FBEFFE

#F3EFFE

Triadic

#F3EFFE

#FEF3EF

#EFFEF3

Split Complementary

#F3EFFE

#FEFBEF

#F3FEEF

Tetradic

#F3EFFE

#FEEFF3

#FAFEEF

#EFFEFB

Color Blindness Simulation

Original

#F3EFFE

Protanopia

#F1F1FA

Deuteranopia

#F2F2FA

Tritanopia

#F3F8F7

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#F5F2FD
100
#E7E0FB
200
#CDBCFB
300
#A98CF8
400
#7A4DF4
500
#4B0FF0
600
#3C0CC0
700
#300A9A
800
#260878
900
#1F0A57
950
#130637

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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