#F2F2D2

#F2F2D2

Color Values

HEX

#F2F2D2

RGB

242, 242, 210

HSL

60.0, 55.2%, 88.6%

HSV

60.0, 13.2%, 94.9%

CMYK

0.0%, 0.0%, 13.2%, 5.1%

OKLCH

0.9529 0.0419 107.2

Properties

Warm Light Nearest: lightyellow 2

Color Harmonies

Complementary

#F2F2D2

#D2D2F2

Analogous

#F2E2D2

#E2F2D2

#F2F2D2

Triadic

#F2F2D2

#D2F2F2

#F2D2F2

Split Complementary

#F2F2D2

#D2E2F2

#E2D2F2

Tetradic

#F2F2D2

#D2F2E2

#D2D2F2

#F2D2E2

Color Blindness Simulation

Original

#F2F2D2

Protanopia

#F2F2DA

Deuteranopia

#F2F2DC

Tritanopia

#F2E0E1

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#FBFBF4
100
#F6F6E5
200
#EFEFC8
300
#E4E4A0
400
#D5D56D
500
#C6C639
600
#9E9E2E
700
#7F7F25
800
#63631D
900
#494918
950
#2E2E0F

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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