#F9DFFE

#F9DFFE

Color Values

HEX

#F9DFFE

RGB

249, 223, 254

HSL

290.3, 93.9%, 93.5%

HSV

290.3, 12.2%, 99.6%

CMYK

2.0%, 12.2%, 0.0%, 0.4%

OKLCH

0.934 0.0497 320.8

Properties

Cool Light Nearest: thistle 1

Color Harmonies

Complementary

#F9DFFE

#E4FEDF

Analogous

#E9DFFE

#FEDFF3

#F9DFFE

Triadic

#F9DFFE

#FEF9DF

#DFFEF9

Split Complementary

#F9DFFE

#F3FEDF

#DFFEE9

Tetradic

#F9DFFE

#FEE9DF

#E4FEDF

#DFF3FE

Color Blindness Simulation

Original

#F9DFFE

Protanopia

#EEEEF7

Deuteranopia

#EFF1F5

Tritanopia

#F8F1EF

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#FBF1FD
100
#F7DFFB
200
#F2BAFD
300
#E988FB
400
#DD48F9
500
#D108F7
600
#A706C6
700
#85059E
800
#68047C
900
#4C0859
950
#300538

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

17.01:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026