#F2F4C2

#F2F4C2

Color Values

HEX

#F2F4C2

RGB

242, 244, 194

HSL

62.4, 69.4%, 85.9%

HSV

62.4, 20.5%, 95.7%

CMYK

0.8%, 0.0%, 20.5%, 4.3%

OKLCH

0.9533 0.0647 109.5

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#F2F4C2

#C4C2F4

Analogous

#F4DDC2

#D9F4C2

#F2F4C2

Triadic

#F2F4C2

#C2F2F4

#F4C2F2

Split Complementary

#F2F4C2

#C2D9F4

#DDC2F4

Tetradic

#F2F4C2

#C2F4DD

#C4C2F4

#F4C2D9

Color Blindness Simulation

Original

#F2F4C2

Protanopia

#F3F3CE

Deuteranopia

#F3F3D1

Tritanopia

#F2D8DA

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F7F8E3
200
#F2F4C3
300
#E9EC97
400
#DDE25F
500
#D1D827
600
#A7AD1F
700
#868A19
800
#686C14
900
#4C4F12
950
#30320B

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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