#F7E2FD

#F7E2FD

Color Values

HEX

#F7E2FD

RGB

247, 226, 253

HSL

286,7, 87,1%, 93,9%

HSV

286,7, 10,7%, 99,2%

CMYK

2,4%, 10,7%, 0,0%, 0,8%

OKLCH

0,9377 0,0423 318,7

Properties

Cool Light Nearest: thistle 1

Color Harmonies

Complementary

#F7E2FD

#E8FDE2

Analogous

#E9E2FD

#FDE2F5

#F7E2FD

Triadic

#F7E2FD

#FDF7E2

#E2FDF7

Split Complementary

#F7E2FD

#F5FDE2

#E2FDE9

Tetradic

#F7E2FD

#FDE9E2

#E8FDE2

#E2F5FD

Color Blindness Simulation

Original

#F7E2FD

Protanopia

#EEEEF6

Deuteranopia

#EFF1F5

Tritanopia

#F6F1F0

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#FBF2FD
100
#F5E0FA
200
#EDBCFA
300
#DF8CF7
400
#CE4EF3
500
#BD10EF
600
#970DBF
700
#790B99
800
#5F0877
900
#460A56
950
#2C0737

Contrast Checker

Text on white

1,22:1

AA Fail AAA Fail

Text on black

17,25:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Şub 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026