#F7E9FE

#F7E9FE

Color Values

HEX

#F7E9FE

RGB

247, 233, 254

HSL

280.0, 91.3%, 95.5%

HSV

280.0, 8.3%, 99.6%

CMYK

2.8%, 8.3%, 0.0%, 0.4%

OKLCH

0.9512 0.0316 314.7

Properties

Cool Light Nearest: lavender

Color Harmonies

Complementary

#F7E9FE

#F0FEE9

Analogous

#EDE9FE

#FEE9FB

#F7E9FE

Triadic

#F7E9FE

#FEF7E9

#E9FEF7

Split Complementary

#F7E9FE

#FBFEE9

#E9FEED

Tetradic

#F7E9FE

#FEEDE9

#F0FEE9

#E9FBFE

Color Blindness Simulation

Original

#F7E9FE

Protanopia

#F1F1F9

Deuteranopia

#F2F3F8

Tritanopia

#F6F5F4

Achromatopsia

#EDEDED

CSS Usage

background-color: #F7E9FE;
color: #F7E9FE;
border-color: #F7E9FE;
Nearest Tailwind: Purple 100 #F3E8FF

Tailwind Shades

50
#F9F1FD
100
#F2DFFB
200
#E6BBFC
300
#D48AFA
400
#BD4BF7
500
#A60BF4
600
#8509C3
700
#6A079C
800
#53067A
900
#3E0958
950
#270538

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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