#F1EDF7

#F1EDF7

Color Values

HEX

#F1EDF7

RGB

241, 237, 247

HSL

264.0, 38.5%, 94.9%

HSV

264.0, 4.0%, 96.9%

CMYK

2.4%, 4.0%, 0.0%, 3.1%

OKLCH

0.9521 0.0139 304.1

Properties

Cool Light Nearest: ghostwhite

Color Harmonies

Complementary

#F1EDF7

#F3F7ED

Analogous

#EDEEF7

#F6EDF7

#F1EDF7

Triadic

#F1EDF7

#F7F1ED

#EDF7F1

Split Complementary

#F1EDF7

#F7F6ED

#EEF7ED

Tetradic

#F1EDF7

#F7EDEE

#F3F7ED

#EDF7F6

Color Blindness Simulation

Original

#F1EDF7

Protanopia

#EFEFF5

Deuteranopia

#F0F0F4

Tritanopia

#F1F3F2

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#ECE7F3
200
#D9CEE9
300
#BDAAD9
400
#997CC5
500
#764EB1
600
#5E3F8D
700
#4B3271
800
#3B2758
900
#2D2041
950
#1C1429

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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