#F2F8E3

#F2F8E3

Color Values

HEX

#F2F8E3

RGB

242, 248, 227

HSL

77.1, 60.0%, 93.1%

HSV

77.1, 8.5%, 97.3%

CMYK

2.4%, 0.0%, 8.5%, 2.7%

OKLCH

0.969 0.0283 119.9

Properties

Cool Light Nearest: beige

Color Harmonies

Complementary

#F2F8E3

#E9E3F8

Analogous

#F8F3E3

#E7F8E3

#F2F8E3

Triadic

#F2F8E3

#E3F2F8

#F8E3F2

Split Complementary

#F2F8E3

#E3E7F8

#F3E3F8

Tetradic

#F2F8E3

#E3F8F3

#E9E3F8

#F8E3E7

Color Blindness Simulation

Original

#F2F8E3

Protanopia

#F5F5E8

Deuteranopia

#F4F4E9

Tritanopia

#F2ECED

Achromatopsia

#F5F5F5

CSS Usage

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

Tailwind Shades

50
#F9FBF3
100
#F1F6E4
200
#E5F1C6
300
#D2E79D
400
#B9D968
500
#A0CC33
600
#80A329
700
#678321
800
#50661A
900
#3C4B16
950
#262F0E

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

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