#F5EFFE

#F5EFFE

Color Values

HEX

#F5EFFE

RGB

245, 239, 254

HSL

264.0, 88.2%, 96.7%

HSV

264.0, 5.9%, 99.6%

CMYK

3.5%, 5.9%, 0.0%, 0.4%

OKLCH

0.9611 0.0209 304.0

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#F5EFFE

#F8FEEF

Analogous

#EFF1FE

#FDEFFE

#F5EFFE

Triadic

#F5EFFE

#FEF5EF

#EFFEF5

Split Complementary

#F5EFFE

#FEFDEF

#F1FEEF

Tetradic

#F5EFFE

#FEEFF1

#F8FEEF

#EFFEFD

Color Blindness Simulation

Original

#F5EFFE

Protanopia

#F2F2FA

Deuteranopia

#F3F3FA

Tritanopia

#F5F8F7

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#F6F2FD
100
#EAE0FB
200
#D5BCFB
300
#B78CF8
400
#904DF4
500
#690FF0
600
#540CC0
700
#430A9A
800
#350878
900
#290A57
950
#1A0637

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

18.66:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026