#F0FDFE

#F0FDFE

Color Values

HEX

#F0FDFE

RGB

240, 253, 254

HSL

184,3, 87,5%, 96,9%

HSV

184,3, 5,5%, 99,6%

CMYK

5,5%, 0,4%, 0,0%, 0,4%

OKLCH

0,9847 0,0137 202,5

Properties

Cool Light Nearest: azure

Color Harmonies

Complementary

#F0FDFE

#FEF1F0

Analogous

#F0FEF8

#F0F6FE

#F0FDFE

Triadic

#F0FDFE

#FEF0FD

#FDFEF0

Split Complementary

#F0FDFE

#FEF0F6

#FEF8F0

Tetradic

#F0FDFE

#F8F0FE

#FEF1F0

#F6FEF0

Color Blindness Simulation

Original

#F0FDFE

Protanopia

#F6F6FE

Deuteranopia

#F5F4FE

Tritanopia

#F1FEFE

Achromatopsia

#FAFAFA

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F9FA
200
#BCF6FB
300
#8CF0F7
400
#4EE7F3
500
#10DFEF
600
#0DB2BF
700
#0A8F99
800
#087078
900
#0A5157
950
#073337

Contrast Checker

Text on white

1,04:1

AA Fail AAA Fail

Text on black

20,19:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026