#F2F2D8

#F2F2D8

Color Values

HEX

#F2F2D8

RGB

242, 242, 216

HSL

60.0, 50.0%, 89.8%

HSV

60.0, 10.7%, 94.9%

CMYK

0.0%, 0.0%, 10.7%, 5.1%

OKLCH

0.9543 0.0342 107.0

Properties

Warm Light Nearest: beige

Color Harmonies

Complementary

#F2F2D8

#D8D8F2

Analogous

#F2E5D8

#E5F2D8

#F2F2D8

Triadic

#F2F2D8

#D8F2F2

#F2D8F2

Split Complementary

#F2F2D8

#D8E5F2

#E5D8F2

Tetradic

#F2F2D8

#D8F2E5

#D8D8F2

#F2D8E5

Color Blindness Simulation

Original

#F2F2D8

Protanopia

#F2F2DE

Deuteranopia

#F2F2E0

Tritanopia

#F2E3E4

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#FBFBF4
100
#F5F5E6
200
#EDEDC9
300
#E0E0A3
400
#D0D071
500
#BFBF40
600
#999933
700
#7A7A29
800
#606020
900
#46461B
950
#2C2C11

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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