#F2FAFD

#F2FAFD

Color Values

HEX

#F2FAFD

RGB

242, 250, 253

HSL

196.4, 73.3%, 97.1%

HSV

196.4, 4.3%, 99.2%

CMYK

4.3%, 1.2%, 0.0%, 0.8%

OKLCH

0.98 0.0094 222.1

Properties

Cool Light Nearest: aliceblue

Color Harmonies

Complementary

#F2FAFD

#FDF5F2

Analogous

#F2FDFB

#F2F5FD

#F2FAFD

Triadic

#F2FAFD

#FDF2FA

#FAFDF2

Split Complementary

#F2FAFD

#FDF2F5

#FDFBF2

Tetradic

#F2FAFD

#FBF2FD

#FDF5F2

#F5FDF2

Color Blindness Simulation

Original

#F2FAFD

Protanopia

#F5F6FC

Deuteranopia

#F5F4FC

Tritanopia

#F2FCFC

Achromatopsia

#F9F9F9

CSS Usage

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

Tailwind Shades

50
#F3FAFC
100
#E2F2F8
200
#C1E7F5
300
#95D6EF
400
#5BC0E6
500
#22AADD
600
#1B88B1
700
#166D8D
800
#11556E
900
#103F50
950
#0A2833

Contrast Checker

Text on white

1.06:1

AA Fail AAA Fail

Text on black

19.87:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026