#F1EDF8

#F1EDF8

Color Values

HEX

#F1EDF8

RGB

241, 237, 248

HSL

261.8, 44.0%, 95.1%

HSV

261.8, 4.4%, 97.3%

CMYK

2.8%, 4.4%, 0.0%, 2.7%

OKLCH

0.9524 0.0152 302.6

Properties

Cool Light Nearest: ghostwhite

Color Harmonies

Complementary

#F1EDF8

#F4F8ED

Analogous

#EDEFF8

#F7EDF8

#F1EDF8

Triadic

#F1EDF8

#F8F1ED

#EDF8F1

Split Complementary

#F1EDF8

#F8F7ED

#EFF8ED

Tetradic

#F1EDF8

#F8EDEF

#F4F8ED

#EDF8F7

Color Blindness Simulation

Original

#F1EDF8

Protanopia

#EFEFF5

Deuteranopia

#F0F0F5

Tritanopia

#F1F3F3

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F7F4FA
100
#EBE6F4
200
#D7CCEB
300
#BAA7DD
400
#9577CA
500
#7047B8
600
#5A3993
700
#482E76
800
#38245C
900
#2B1D44
950
#1B122B

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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