#F4FFDE

#F4FFDE

Color Values

HEX

#F4FFDE

RGB

244, 255, 222

HSL

80.0, 100.0%, 93.5%

HSV

80.0, 12.9%, 100.0%

CMYK

4.3%, 0.0%, 12.9%, 0.0%

OKLCH

0.9832 0.0446 122.2

Properties

Cool Light Nearest: lightyellow

Color Harmonies

Complementary

#F4FFDE

#E9DEFF

Analogous

#FFF9DE

#E3FFDE

#F4FFDE

Triadic

#F4FFDE

#DEF4FF

#FFDEF4

Split Complementary

#F4FFDE

#DEE3FF

#F9DEFF

Tetradic

#F4FFDE

#DEFFF9

#E9DEFF

#FFDEE3

Color Blindness Simulation

Original

#F4FFDE

Protanopia

#F9F9E6

Deuteranopia

#F8F7E8

Tritanopia

#F5ECEE

Achromatopsia

#FAFAFA

CSS Usage

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

Tailwind Shades

50
#FAFEF1
100
#F2FCDE
200
#E7FFB8
300
#D6FF85
400
#C0FF42
500
#AAFF00
600
#88CC00
700
#6DA300
800
#558000
900
#3F5C05
950
#283A03

Contrast Checker

Text on white

1.04:1

AA Fail AAA Fail

Text on black

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