#F2F2D1

#F2F2D1

Color Values

HEX

#F2F2D1

RGB

242, 242, 209

HSL

60.0, 55.9%, 88.4%

HSV

60.0, 13.6%, 94.9%

CMYK

0.0%, 0.0%, 13.6%, 5.1%

OKLCH

0.9526 0.0432 107.2

Properties

Warm Light Nearest: lightyellow 2

Color Harmonies

Complementary

#F2F2D1

#D1D1F2

Analogous

#F2E1D1

#E1F2D1

#F2F2D1

Triadic

#F2F2D1

#D1F2F2

#F2D1F2

Split Complementary

#F2F2D1

#D1E1F2

#E1D1F2

Tetradic

#F2F2D1

#D1F2E1

#D1D1F2

#F2D1E1

Color Blindness Simulation

Original

#F2F2D1

Protanopia

#F2F2D9

Deuteranopia

#F2F2DB

Tritanopia

#F2DFE1

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#FBFBF4
100
#F6F6E5
200
#EFEFC7
300
#E4E4A0
400
#D5D56C
500
#C7C738
600
#9F9F2D
700
#7F7F24
800
#63631C
900
#494918
950
#2E2E0F

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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