#F2F2D7

#F2F2D7

Color Values

HEX

#F2F2D7

RGB

242, 242, 215

HSL

60.0, 50.9%, 89.6%

HSV

60.0, 11.2%, 94.9%

CMYK

0.0%, 0.0%, 11.2%, 5.1%

OKLCH

0.9541 0.0354 107.1

Properties

Warm Light Nearest: beige

Color Harmonies

Complementary

#F2F2D7

#D7D7F2

Analogous

#F2E4D7

#E4F2D7

#F2F2D7

Triadic

#F2F2D7

#D7F2F2

#F2D7F2

Split Complementary

#F2F2D7

#D7E4F2

#E4D7F2

Tetradic

#F2F2D7

#D7F2E4

#D7D7F2

#F2D7E4

Color Blindness Simulation

Original

#F2F2D7

Protanopia

#F2F2DE

Deuteranopia

#F2F2DF

Tritanopia

#F2E3E4

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#FBFBF4
100
#F5F5E5
200
#EDEDC9
300
#E1E1A3
400
#D1D171
500
#C0C03F
600
#9A9A32
700
#7B7B28
800
#60601F
900
#47471A
950
#2D2D11

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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