#F2F7E4

#F2F7E4

Color Values

HEX

#F2F7E4

RGB

242, 247, 228

HSL

75.8, 54.3%, 93.1%

HSV

75.8, 7.7%, 96.9%

CMYK

2.0%, 0.0%, 7.7%, 3.1%

OKLCH

0.9673 0.0255 118.9

Properties

Cool Light Nearest: beige

Color Harmonies

Complementary

#F2F7E4

#E9E4F7

Analogous

#F7F2E4

#E8F7E4

#F2F7E4

Triadic

#F2F7E4

#E4F2F7

#F7E4F2

Split Complementary

#F2F7E4

#E4E8F7

#F2E4F7

Tetradic

#F2F7E4

#E4F7F2

#E9E4F7

#F7E4E8

Color Blindness Simulation

Original

#F2F7E4

Protanopia

#F4F4E9

Deuteranopia

#F4F3EA

Tritanopia

#F2ECED

Achromatopsia

#F5F5F5

CSS Usage

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

Tailwind Shades

50
#F9FBF4
100
#F1F5E5
200
#E4EFC8
300
#D2E3A1
400
#B9D46D
500
#A0C53A
600
#809D2F
700
#677E25
800
#50621D
900
#3C4819
950
#262E10

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

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