#F0FEED

#F0FEED

Color Values

HEX

#F0FEED

RGB

240, 254, 237

HSL

109.4, 89.5%, 96.3%

HSV

109.4, 6.7%, 99.6%

CMYK

5.5%, 0.0%, 6.7%, 0.4%

OKLCH

0.9821 0.0267 140.2

Properties

Cool Light Nearest: honeydew

Color Harmonies

Complementary

#F0FEED

#FBEDFE

Analogous

#F9FEED

#EDFEF3

#F0FEED

Triadic

#F0FEED

#EDF0FE

#FEEDF0

Split Complementary

#F0FEED

#F3EDFE

#FEEDF9

Tetradic

#F0FEED

#EDF9FE

#FBEDFE

#FEF3ED

Color Blindness Simulation

Original

#F0FEED

Protanopia

#F6F6F1

Deuteranopia

#F5F4F2

Tritanopia

#F1F4F5

Achromatopsia

#FAFAFA

CSS Usage

background-color: #F0FEED;
color: #F0FEED;
border-color: #F0FEED;
Nearest Tailwind: Lime 50 #F7FEE7

Tailwind Shades

50
#F4FDF2
100
#E4FBE0
200
#C7FBBB
300
#9EF98B
400
#6AF54C
500
#36F20D
600
#2BC10B
700
#229B09
800
#1B7907
900
#175709
950
#0F3706

Contrast Checker

Text on white

1.04:1

AA Fail AAA Fail

Text on black

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