#F0FDF5

#F0FDF5

Color Values

HEX

#F0FDF5

RGB

240, 253, 245

HSL

143.1, 76.5%, 96.7%

HSV

143.1, 5.1%, 99.2%

CMYK

5.1%, 0.0%, 3.2%, 0.8%

OKLCH

0.9822 0.0172 159.1

Properties

Cool Light Nearest: mintcream

Color Harmonies

Complementary

#F0FDF5

#FDF0F8

Analogous

#F2FDF0

#F0FDFC

#F0FDF5

Triadic

#F0FDF5

#F5F0FD

#FDF5F0

Split Complementary

#F0FDF5

#FCF0FD

#FDF0F2

Tetradic

#F0FDF5

#F0F2FD

#FDF0F8

#FDFCF0

Color Blindness Simulation

Original

#F0FDF5

Protanopia

#F6F6F7

Deuteranopia

#F5F4F7

Tritanopia

#F1F8F9

Achromatopsia

#FAFAFA

CSS Usage

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

Tailwind Shades

50
#F2FCF6
100
#E2F9EA
200
#C0F7D5
300
#93F1B7
400
#58E990
500
#1EE169
600
#18B454
700
#139043
800
#0F7135
900
#0F5229
950
#0A341A

Contrast Checker

Text on white

1.05:1

AA Fail AAA Fail

Text on black

20.07:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026