#F5EDFB

#F5EDFB

Color Values

HEX

#F5EDFB

RGB

245, 237, 251

HSL

274.3, 63.6%, 95.7%

HSV

274.3, 5.6%, 98.4%

CMYK

2.4%, 5.6%, 0.0%, 1.6%

OKLCH

0.9564 0.0204 311.1

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#F5EDFB

#F3FBED

Analogous

#EEEDFB

#FBEDFA

#F5EDFB

Triadic

#F5EDFB

#FBF5ED

#EDFBF5

Split Complementary

#F5EDFB

#FAFBED

#EDFBEE

Tetradic

#F5EDFB

#FBEEED

#F3FBED

#EDFAFB

Color Blindness Simulation

Original

#F5EDFB

Protanopia

#F2F1F8

Deuteranopia

#F2F3F7

Tritanopia

#F5F5F4

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#F8F3FB
100
#EFE4F7
200
#DFC5F2
300
#C79BE9
400
#A965DD
500
#8B2ED1
600
#6F25A7
700
#591E85
800
#461768
900
#34154C
950
#210D30

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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