#F0FDFF

#F0FDFF

Color Values

HEX

#F0FDFF

RGB

240, 253, 255

HSL

188,0, 100,0%, 97,1%

HSV

188,0, 5,9%, 100,0%

CMYK

5,9%, 0,8%, 0,0%, 0,0%

OKLCH

0,985 0,0139 207,9

Properties

Cool Light Nearest: azure

Color Harmonies

Complementary

#F0FDFF

#FFF2F0

Analogous

#F0FFFA

#F0F6FF

#F0FDFF

Triadic

#F0FDFF

#FFF0FD

#FDFFF0

Split Complementary

#F0FDFF

#FFF0F6

#FFFAF0

Tetradic

#F0FDFF

#FAF0FF

#FFF2F0

#F6FFF0

Color Blindness Simulation

Original

#F0FDFF

Protanopia

#F6F6FF

Deuteranopia

#F5F4FE

Tritanopia

#F1FEFE

Achromatopsia

#FAFAFA

CSS Usage

background-color: #F0FDFF;
color: #F0FDFF;
border-color: #F0FDFF;
Nearest Tailwind: Cyan 50 #ECFEFF

Tailwind Shades

50
#F1FCFE
100
#DEF8FC
200
#B8F5FF
300
#85EFFF
400
#42E6FF
500
#00DDFF
600
#00B1CC
700
#008DA3
800
#006E80
900
#05505C
950
#03333A

Contrast Checker

Text on white

1,04:1

AA Fail AAA Fail

Text on black

20,2:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Tháng 2 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Tháng 2 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Tháng 2 20, 2026