#F2FCFC

#F2FCFC

Color Values

HEX

#F2FCFC

RGB

242, 252, 252

HSL

180.0, 62.5%, 96.9%

HSV

180.0, 4.0%, 98.8%

CMYK

4.0%, 0.0%, 0.0%, 1.2%

OKLCH

0.9836 0.0105 197.0

Properties

Cool Light Nearest: azure

Color Harmonies

Complementary

#F2FCFC

#FCF2F2

Analogous

#F2FCF7

#F2F7FC

#F2FCFC

Triadic

#F2FCFC

#FCF2FC

#FCFCF2

Split Complementary

#F2FCFC

#FCF2F7

#FCF7F2

Tetradic

#F2FCFC

#F7F2FC

#FCF2F2

#F7FCF2

Color Blindness Simulation

Original

#F2FCFC

Protanopia

#F6F6FC

Deuteranopia

#F6F5FC

Tritanopia

#F2FCFC

Achromatopsia

#FAFAFA

CSS Usage

background-color: #F2FCFC;
color: #F2FCFC;
border-color: #F2FCFC;
Nearest Tailwind: Teal 50 #F0FDFA

Tailwind Shades

50
#F3FBFB
100
#E4F7F7
200
#C5F2F2
300
#9CE8E8
400
#66DCDC
500
#30CFCF
600
#26A6A6
700
#1F8585
800
#186868
900
#154C4C
950
#0D3030

Contrast Checker

Text on white

1.04:1

AA Fail AAA Fail

Text on black

20.11: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