#F0FFF2

#F0FFF2

Color Values

HEX

#F0FFF2

RGB

240, 255, 242

HSL

128.0, 100.0%, 97.1%

HSV

128.0, 5.9%, 100.0%

CMYK

5.9%, 0.0%, 5.1%, 0.0%

OKLCH

0.9854 0.0232 149.4

Properties

Cool Light Nearest: honeydew

Color Harmonies

Complementary

#F0FFF2

#FFF0FD

Analogous

#F6FFF0

#F0FFFA

#F0FFF2

Triadic

#F0FFF2

#F2F0FF

#FFF2F0

Split Complementary

#F0FFF2

#FAF0FF

#FFF0F6

Tetradic

#F0FFF2

#F0F6FF

#FFF0FD

#FFFAF0

Color Blindness Simulation

Original

#F0FFF2

Protanopia

#F6F7F5

Deuteranopia

#F6F4F6

Tritanopia

#F1F8F8

Achromatopsia

#FBFBFB

CSS Usage

background-color: #F0FFF2;
color: #F0FFF2;
border-color: #F0FFF2;
Nearest Tailwind: Green 50 #F0FDF4

Tailwind Shades

50
#F1FEF3
100
#DEFCE2
200
#B8FFC1
300
#85FF95
400
#42FF5B
500
#00FF22
600
#00CC1B
700
#00A316
800
#008011
900
#055C10
950
#033A0A

Contrast Checker

Text on white

1.03:1

AA Fail AAA Fail

Text on black

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