#F5DFFA

#F5DFFA

Color Values

HEX

#F5DFFA

RGB

245, 223, 250

HSL

288.9, 73.0%, 92.7%

HSV

288.9, 10.8%, 98.0%

CMYK

2.0%, 10.8%, 0.0%, 2.0%

OKLCH

0.9294 0.043 320.0

Properties

Cool Light Nearest: thistle 1

Color Harmonies

Complementary

#F5DFFA

#E4FADF

Analogous

#E7DFFA

#FADFF1

#F5DFFA

Triadic

#F5DFFA

#FAF5DF

#DFFAF5

Split Complementary

#F5DFFA

#F1FADF

#DFFAE7

Tetradic

#F5DFFA

#FAE7DF

#E4FADF

#DFF1FA

Color Blindness Simulation

Original

#F5DFFA

Protanopia

#EBEBF3

Deuteranopia

#EDEEF2

Tritanopia

#F4EEED

Achromatopsia

#E6E6E6

CSS Usage

background-color: #F5DFFA;
color: #F5DFFA;
border-color: #F5DFFA;
Nearest Tailwind: Fuchsia 100 #FAE8FF

Tailwind Shades

50
#FAF3FC
100
#F4E2F8
200
#ECC1F5
300
#DE95EE
400
#CC5CE6
500
#BA22DD
600
#951CB0
700
#77168D
800
#5D116E
900
#451150
950
#2B0A33

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

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