#F2F2C2

#F2F2C2

Color Values

HEX

#F2F2C2

RGB

242, 242, 194

HSL

60.0, 64.9%, 85.5%

HSV

60.0, 19.8%, 94.9%

CMYK

0.0%, 0.0%, 19.8%, 5.1%

OKLCH

0.9493 0.0622 107.5

Properties

Warm Light Nearest: Spring Green

Color Harmonies

Complementary

#F2F2C2

#C2C2F2

Analogous

#F2DAC2

#DAF2C2

#F2F2C2

Triadic

#F2F2C2

#C2F2F2

#F2C2F2

Split Complementary

#F2F2C2

#C2DAF2

#DAC2F2

Tetradic

#F2F2C2

#C2F2DA

#C2C2F2

#F2C2DA

Color Blindness Simulation

Original

#F2F2C2

Protanopia

#F2F2CE

Deuteranopia

#F2F2D0

Tritanopia

#F2D7D9

Achromatopsia

#EFEFEF

CSS Usage

background-color: #F2F2C2;
color: #F2F2C2;
border-color: #F2F2C2;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#FCFCF3
100
#F7F7E3
200
#F2F2C4
300
#EAEA9A
400
#DEDE63
500
#D2D22D
600
#A8A824
700
#87871D
800
#696916
900
#4D4D14
950
#30300D

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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