#F2FFF9

#F2FFF9

Color Values

HEX

#F2FFF9

RGB

242, 255, 249

HSL

152.3, 100.0%, 97.5%

HSV

152.3, 5.1%, 100.0%

CMYK

5.1%, 0.0%, 2.4%, 0.0%

OKLCH

0.9887 0.0157 166.7

Properties

Cool Light Nearest: mintcream

Color Harmonies

Complementary

#F2FFF9

#FFF2F8

Analogous

#F2FFF3

#F2FFFF

#F2FFF9

Triadic

#F2FFF9

#F9F2FF

#FFF9F2

Split Complementary

#F2FFF9

#FFF2FF

#FFF3F2

Tetradic

#F2FFF9

#F3F2FF

#FFF2F8

#FFFFF2

Color Blindness Simulation

Original

#F2FFF9

Protanopia

#F8F8FA

Deuteranopia

#F7F6FB

Tritanopia

#F3FCFC

Achromatopsia

#FCFCFC

CSS Usage

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

Tailwind Shades

50
#F1FEF8
100
#DEFCEE
200
#B8FFDE
300
#85FFC6
400
#42FFA8
500
#00FF89
600
#00CC6E
700
#00A358
800
#008045
900
#055C34
950
#033A21

Contrast Checker

Text on white

1.03:1

AA Fail AAA Fail

Text on black

20.45:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026