#F2F7FC

#F2F7FC

Color Values

HEX

#F2F7FC

RGB

242, 247, 252

HSL

210,0, 62,5%, 96,9%

HSV

210,0, 4,0%, 98,8%

CMYK

4,0%, 2,0%, 0,0%, 1,2%

OKLCH

0,9738 0,0086 247,9

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#F2F7FC

#FCF7F2

Analogous

#F2FCFC

#F2F2FC

#F2F7FC

Triadic

#F2F7FC

#FCF2F7

#F7FCF2

Split Complementary

#F2F7FC

#FCF2F2

#FCFCF2

Tetradic

#F2F7FC

#FCF2FC

#FCF7F2

#F2FCF2

Color Blindness Simulation

Original

#F2F7FC

Protanopia

#F4F4FB

Deuteranopia

#F4F3FA

Tritanopia

#F2FAFA

Achromatopsia

#F6F6F6

CSS Usage

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

Tailwind Shades

50
#F3F7FB
100
#E4EDF7
200
#C5DBF2
300
#9CC2E8
400
#66A1DC
500
#3080CF
600
#2666A6
700
#1F5285
800
#184068
900
#15304C
950
#0D1F30

Contrast Checker

Text on white

1,08:1

AA Fail AAA Fail

Text on black

19,49: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