#F0F7F4

#F0F7F4

Color Values

HEX

#F0F7F4

RGB

240, 247, 244

HSL

154.3, 30.4%, 95.5%

HSV

154.3, 2.8%, 96.9%

CMYK

2.8%, 0.0%, 1.2%, 3.1%

OKLCH

0.97 0.0084 168.8

Properties

Cool Light Nearest: mintcream

Color Harmonies

Complementary

#F0F7F4

#F7F0F3

Analogous

#F0F7F1

#F0F7F7

#F0F7F4

Triadic

#F0F7F4

#F4F0F7

#F7F4F0

Split Complementary

#F0F7F4

#F7F0F7

#F7F1F0

Tetradic

#F0F7F4

#F1F0F7

#F7F0F3

#F7F7F0

Color Blindness Simulation

Original

#F0F7F4

Protanopia

#F3F3F5

Deuteranopia

#F3F2F5

Tritanopia

#F0F5F5

Achromatopsia

#F5F5F5

CSS Usage

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

Tailwind Shades

50
#F5F9F8
100
#E9F2EE
200
#D0E6DD
300
#AFD4C4
400
#84BDA5
500
#59A685
600
#47856A
700
#396A55
800
#2C5343
900
#233E32
950
#162720

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

19.32:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026