#F0F7FA

#F0F7FA

Color Values

HEX

#F0F7FA

RGB

240, 247, 250

HSL

198.0, 50.0%, 96.1%

HSV

198.0, 4.0%, 98.0%

CMYK

4.0%, 1.2%, 0.0%, 2.0%

OKLCH

0.9717 0.0085 225.1

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#F0F7FA

#FAF3F0

Analogous

#F0FAF8

#F0F2FA

#F0F7FA

Triadic

#F0F7FA

#FAF0F7

#F7FAF0

Split Complementary

#F0F7FA

#FAF0F2

#FAF8F0

Tetradic

#F0F7FA

#F8F0FA

#FAF3F0

#F2FAF0

Color Blindness Simulation

Original

#F0F7FA

Protanopia

#F3F3F9

Deuteranopia

#F3F2F9

Tritanopia

#F0F9F9

Achromatopsia

#F6F6F6

CSS Usage

background-color: #F0F7FA;
color: #F0F7FA;
border-color: #F0F7FA;
Nearest Tailwind: Slate 100 #F1F5F9

Tailwind Shades

50
#F4F9FB
100
#E6F0F5
200
#C9E2ED
300
#A3CEE0
400
#71B4D0
500
#4099BF
600
#337A99
700
#29627A
800
#204D60
900
#1B3946
950
#11242C

Contrast Checker

Text on white

1.08:1

AA Fail AAA Fail

Text on black

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