#F0FDFA

#F0FDFA

Color Values

HEX

#F0FDFA

RGB

240, 253, 250

HSL

166.2, 76.5%, 96.7%

HSV

166.2, 5.1%, 99.2%

CMYK

5.1%, 0.0%, 1.2%, 0.8%

OKLCH

0.9836 0.0142 180.7

Properties

Cool Light Nearest: mintcream

Color Harmonies

Complementary

#F0FDFA

#FDF0F3

Analogous

#F0FDF4

#F0FAFD

#F0FDFA

Triadic

#F0FDFA

#FAF0FD

#FDFAF0

Split Complementary

#F0FDFA

#FDF0FA

#FDF4F0

Tetradic

#F0FDFA

#F4F0FD

#FDF0F3

#FAFDF0

Color Blindness Simulation

Original

#F0FDFA

Protanopia

#F6F6FB

Deuteranopia

#F5F4FB

Tritanopia

#F1FBFB

Achromatopsia

#FAFAFA

CSS Usage

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

Tailwind Shades

50
#F2FCFA
100
#E2F9F3
200
#C0F7EA
300
#93F1DB
400
#58E9C8
500
#1EE1B4
600
#18B490
700
#139073
800
#0F715A
900
#0F5242
950
#0A342A

Contrast Checker

Text on white

1.04:1

AA Fail AAA Fail

Text on black

20.14:1

AA Pass AAA Pass

Part of These Collections

Tailwind CSS — Teal

Teal 50

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