#F2FFFC

#F2FFFC

Color Values

HEX

#F2FFFC

RGB

242, 255, 252

HSL

166.2, 100.0%, 97.5%

HSV

166.2, 5.1%, 100.0%

CMYK

5.1%, 0.0%, 1.2%, 0.0%

OKLCH

0.9895 0.0142 180.7

Properties

Cool Light Nearest: mintcream

Color Harmonies

Complementary

#F2FFFC

#FFF2F5

Analogous

#F2FFF6

#F2FCFF

#F2FFFC

Triadic

#F2FFFC

#FCF2FF

#FFFCF2

Split Complementary

#F2FFFC

#FFF2FC

#FFF6F2

Tetradic

#F2FFFC

#F6F2FF

#FFF2F5

#FCFFF2

Color Blindness Simulation

Original

#F2FFFC

Protanopia

#F8F8FD

Deuteranopia

#F7F6FD

Tritanopia

#F3FDFD

Achromatopsia

#FCFCFC

CSS Usage

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

Tailwind Shades

50
#F1FEFB
100
#DEFCF5
200
#B8FFEF
300
#85FFE3
400
#42FFD4
500
#00FFC4
600
#00CC9D
700
#00A37E
800
#008062
900
#055C48
950
#033A2D

Contrast Checker

Text on white

1.03:1

AA Fail AAA Fail

Text on black

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