#F4F2C2

#F4F2C2

Color Values

HEX

#F4F2C2

RGB

244, 242, 194

HSL

57.6, 69.4%, 85.9%

HSV

57.6, 20.5%, 95.7%

CMYK

0.0%, 0.8%, 20.5%, 4.3%

OKLCH

0.9508 0.0622 105.5

Properties

Warm Light Nearest: Spring Green

Color Harmonies

Complementary

#F4F2C2

#C2C4F4

Analogous

#F4D9C2

#DDF4C2

#F4F2C2

Triadic

#F4F2C2

#C2F4F2

#F2C2F4

Split Complementary

#F4F2C2

#C2DDF4

#D9C2F4

Tetradic

#F4F2C2

#C2F4D9

#C2C4F4

#F4C2DD

Color Blindness Simulation

Original

#F4F2C2

Protanopia

#F3F3CE

Deuteranopia

#F3F3D0

Tritanopia

#F4D7D9

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F8F7E3
200
#F4F2C3
300
#ECE997
400
#E2DD5F
500
#D8D127
600
#ADA71F
700
#8A8619
800
#6C6814
900
#4F4C12
950
#32300B

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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