#F4F0F7

#F4F0F7

Color Values

HEX

#F4F0F7

RGB

244, 240, 247

HSL

274.3, 30.4%, 95.5%

HSV

274.3, 2.8%, 96.9%

CMYK

1.2%, 2.8%, 0.0%, 3.1%

OKLCH

0.9602 0.0102 311.2

Properties

Cool Light Nearest: ghostwhite

Color Harmonies

Complementary

#F4F0F7

#F3F7F0

Analogous

#F1F0F7

#F7F0F7

#F4F0F7

Triadic

#F4F0F7

#F7F4F0

#F0F7F4

Split Complementary

#F4F0F7

#F7F7F0

#F0F7F1

Tetradic

#F4F0F7

#F7F1F0

#F3F7F0

#F0F7F7

Color Blindness Simulation

Original

#F4F0F7

Protanopia

#F2F2F5

Deuteranopia

#F2F3F5

Tritanopia

#F4F4F4

Achromatopsia

#F1F1F1

CSS Usage

background-color: #F4F0F7;
color: #F4F0F7;
border-color: #F4F0F7;
Nearest Tailwind: Purple 50 #FAF5FF

Tailwind Shades

50
#F8F5F9
100
#EEE9F2
200
#DDD0E6
300
#C4AFD4
400
#A584BD
500
#8559A6
600
#6A4785
700
#55396A
800
#432C53
900
#32233E
950
#201627

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

18.65:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026