#F2FCFE

#F2FCFE

Color Values

HEX

#F2FCFE

RGB

242, 252, 254

HSL

190.0, 85.7%, 97.3%

HSV

190.0, 4.7%, 99.6%

CMYK

4.7%, 0.8%, 0.0%, 0.4%

OKLCH

0.9842 0.0109 211.0

Properties

Cool Light Nearest: azure

Color Harmonies

Complementary

#F2FCFE

#FEF4F2

Analogous

#F2FEFA

#F2F6FE

#F2FCFE

Triadic

#F2FCFE

#FEF2FC

#FCFEF2

Split Complementary

#F2FCFE

#FEF2F6

#FEFAF2

Tetradic

#F2FCFE

#FAF2FE

#FEF4F2

#F6FEF2

Color Blindness Simulation

Original

#F2FCFE

Protanopia

#F6F6FE

Deuteranopia

#F6F5FD

Tritanopia

#F2FDFD

Achromatopsia

#FAFAFA

CSS Usage

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

Tailwind Shades

50
#F2FBFD
100
#E0F6FA
200
#BDF0FA
300
#8DE5F6
400
#50D7F2
500
#12C8ED
600
#0FA0BD
700
#0C8098
800
#096476
900
#0B4956
950
#072E36

Contrast Checker

Text on white

1.04:1

AA Fail AAA Fail

Text on black

20.13:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026