#F4F0C2

#F4F0C2

Color Values

HEX

#F4F0C2

RGB

244, 240, 194

HSL

55.2, 69.4%, 85.9%

HSV

55.2, 20.5%, 95.7%

CMYK

0.0%, 1.6%, 20.5%, 4.3%

OKLCH

0.9468 0.0598 103.4

Properties

Warm Light Nearest: Spring Green

Color Harmonies

Complementary

#F4F0C2

#C2C6F4

Analogous

#F4D7C2

#DFF4C2

#F4F0C2

Triadic

#F4F0C2

#C2F4F0

#F0C2F4

Split Complementary

#F4F0C2

#C2DFF4

#D7C2F4

Tetradic

#F4F0C2

#C2F4D7

#C2C6F4

#F4C2DF

Color Blindness Simulation

Original

#F4F0C2

Protanopia

#F2F2CD

Deuteranopia

#F2F3D0

Tritanopia

#F4D6D8

Achromatopsia

#EEEEEE

CSS Usage

background-color: #F4F0C2;
color: #F4F0C2;
border-color: #F4F0C2;
Nearest Tailwind: Amber 100 #FEF3C7

Tailwind Shades

50
#FCFBF3
100
#F8F6E3
200
#F4F0C3
300
#ECE597
400
#E2D85F
500
#D8CA27
600
#ADA11F
700
#8A8119
800
#6C6514
900
#4F4A12
950
#322F0B

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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