#F1F7FD

#F1F7FD

Color Values

HEX

#F1F7FD

RGB

241, 247, 253

HSL

210.0, 75.0%, 96.9%

HSV

210.0, 4.7%, 99.2%

CMYK

4.7%, 2.4%, 0.0%, 0.8%

OKLCH

0.9733 0.0103 247.9

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#F1F7FD

#FDF7F1

Analogous

#F1FDFD

#F1F1FD

#F1F7FD

Triadic

#F1F7FD

#FDF1F7

#F7FDF1

Split Complementary

#F1F7FD

#FDF1F1

#FDFDF1

Tetradic

#F1F7FD

#FDF1FD

#FDF7F1

#F1FDF1

Color Blindness Simulation

Original

#F1F7FD

Protanopia

#F4F4FC

Deuteranopia

#F3F3FB

Tritanopia

#F1FAFA

Achromatopsia

#F6F6F6

CSS Usage

background-color: #F1F7FD;
color: #F1F7FD;
border-color: #F1F7FD;
Nearest Tailwind: Sky 50 #F0F9FF

Tailwind Shades

50
#F2F7FC
100
#E2EDF9
200
#C1DBF6
300
#94C2F0
400
#5AA1E7
500
#2080DF
600
#1966B3
700
#14528F
800
#104070
900
#103051
950
#0A1F33

Contrast Checker

Text on white

1.08:1

AA Fail AAA Fail

Text on black

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