#F4F0F8

#F4F0F8

Color Values

HEX

#F4F0F8

RGB

244, 240, 248

HSL

270.0, 36.4%, 95.7%

HSV

270.0, 3.2%, 97.3%

CMYK

1.6%, 3.2%, 0.0%, 2.7%

OKLCH

0.9605 0.0114 308.3

Properties

Cool Light Nearest: ghostwhite

Color Harmonies

Complementary

#F4F0F8

#F4F8F0

Analogous

#F0F0F8

#F8F0F8

#F4F0F8

Triadic

#F4F0F8

#F8F4F0

#F0F8F4

Split Complementary

#F4F0F8

#F8F8F0

#F0F8F0

Tetradic

#F4F0F8

#F8F0F0

#F4F8F0

#F0F8F8

Color Blindness Simulation

Original

#F4F0F8

Protanopia

#F2F2F6

Deuteranopia

#F2F3F6

Tritanopia

#F4F5F4

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EDE8F3
200
#DBCEE8
300
#C2ACD8
400
#A17EC3
500
#8051AE
600
#66418B
700
#52346F
800
#402957
900
#302140
950
#1F1529

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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