#F0FDF8

#F0FDF8

Color Values

HEX

#F0FDF8

RGB

240, 253, 248

HSL

156.9, 76.5%, 96.7%

HSV

156.9, 5.1%, 99.2%

CMYK

5.1%, 0.0%, 2.0%, 0.8%

OKLCH

0.983 0.0151 171.1

Properties

Cool Light Nearest: mintcream

Color Harmonies

Complementary

#F0FDF8

#FDF0F5

Analogous

#F0FDF2

#F0FCFD

#F0FDF8

Triadic

#F0FDF8

#F8F0FD

#FDF8F0

Split Complementary

#F0FDF8

#FDF0FC

#FDF2F0

Tetradic

#F0FDF8

#F2F0FD

#FDF0F5

#FCFDF0

Color Blindness Simulation

Original

#F0FDF8

Protanopia

#F6F6F9

Deuteranopia

#F5F4FA

Tritanopia

#F1FAFA

Achromatopsia

#FAFAFA

CSS Usage

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

Tailwind Shades

50
#F2FCF8
100
#E2F9F0
200
#C0F7E2
300
#93F1CD
400
#58E9B1
500
#1EE196
600
#18B478
700
#139060
800
#0F714B
900
#0F5238
950
#0A3423

Contrast Checker

Text on white

1.04:1

AA Fail AAA Fail

Text on black

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