#F1F4FD

#F1F4FD

Color Values

HEX

#F1F4FD

RGB

241, 244, 253

HSL

225.0, 75.0%, 96.9%

HSV

225.0, 4.7%, 99.2%

CMYK

4.7%, 3.6%, 0.0%, 0.8%

OKLCH

0.9675 0.0124 271.3

Properties

Cool Light Nearest: ghostwhite

Color Harmonies

Complementary

#F1F4FD

#FDFAF1

Analogous

#F1FAFD

#F4F1FD

#F1F4FD

Triadic

#F1F4FD

#FDF1F4

#F4FDF1

Split Complementary

#F1F4FD

#FDF4F1

#FAFDF1

Tetradic

#F1F4FD

#FDF1FA

#FDFAF1

#F1FDF4

Color Blindness Simulation

Original

#F1F4FD

Protanopia

#F2F2FB

Deuteranopia

#F2F2FA

Tritanopia

#F1F9F9

Achromatopsia

#F4F4F4

CSS Usage

background-color: #F1F4FD;
color: #F1F4FD;
border-color: #F1F4FD;
Nearest Tailwind: Blue 50 #EFF6FF

Tailwind Shades

50
#F2F5FC
100
#E2E7F9
200
#C1CEF6
300
#94ABF0
400
#5A7DE7
500
#2050DF
600
#1940B3
700
#14338F
800
#102870
900
#102051
950
#0A1433

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

19.1:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026