#F2F7E3

#F2F7E3

Color Values

HEX

#F2F7E3

RGB

242, 247, 227

HSL

75.0, 55.6%, 92.9%

HSV

75.0, 8.1%, 96.9%

CMYK

2.0%, 0.0%, 8.1%, 3.1%

OKLCH

0.967 0.0268 118.3

Properties

Cool Light Nearest: beige

Color Harmonies

Complementary

#F2F7E3

#E8E3F7

Analogous

#F7F2E3

#E8F7E3

#F2F7E3

Triadic

#F2F7E3

#E3F2F7

#F7E3F2

Split Complementary

#F2F7E3

#E3E8F7

#F2E3F7

Tetradic

#F2F7E3

#E3F7F2

#E8E3F7

#F7E3E8

Color Blindness Simulation

Original

#F2F7E3

Protanopia

#F4F4E8

Deuteranopia

#F4F3E9

Tritanopia

#F2ECEC

Achromatopsia

#F4F4F4

CSS Usage

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

Tailwind Shades

50
#F9FBF4
100
#F1F6E5
200
#E5EFC7
300
#D3E4A0
400
#BBD56C
500
#A3C639
600
#829F2D
700
#687F24
800
#51631C
900
#3D4918
950
#262E0F

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

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