#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