#F2FDF9

#F2FDF9

Color Values

HEX

#F2FDF9

RGB

242, 253, 249

HSL

158.2, 73.3%, 97.1%

HSV

158.2, 4.3%, 99.2%

CMYK

4.3%, 0.0%, 1.6%, 0.8%

OKLCH

0.9848 0.0127 172.4

Properties

Cool Light Nearest: mintcream

Color Harmonies

Complementary

#F2FDF9

#FDF2F6

Analogous

#F2FDF4

#F2FCFD

#F2FDF9

Triadic

#F2FDF9

#F9F2FD

#FDF9F2

Split Complementary

#F2FDF9

#FDF2FC

#FDF4F2

Tetradic

#F2FDF9

#F4F2FD

#FDF2F6

#FCFDF2

Color Blindness Simulation

Original

#F2FDF9

Protanopia

#F7F7FA

Deuteranopia

#F6F5FA

Tritanopia

#F3FBFB

Achromatopsia

#FAFAFA

CSS Usage

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

Tailwind Shades

50
#F3FCF9
100
#E2F8F0
200
#C1F5E2
300
#95EFCE
400
#5BE6B4
500
#22DD99
600
#1BB17A
700
#168D62
800
#116E4D
900
#105039
950
#0A3324

Contrast Checker

Text on white

1.04:1

AA Fail AAA Fail

Text on black

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