#F4E690

#F4E690

Color Values

HEX

#F4E690

RGB

244, 230, 144

HSL

51.6, 82.0%, 76.1%

HSV

51.6, 41.0%, 95.7%

CMYK

0.0%, 5.7%, 41.0%, 4.3%

OKLCH

0.9175 0.1078 100.2

Properties

Warm Light Nearest: khaki

Color Harmonies

Complementary

#F4E690

#909EF4

Analogous

#F4B490

#D0F490

#F4E690

Triadic

#F4E690

#90F4E6

#E690F4

Split Complementary

#F4E690

#90D0F4

#B490F4

Tetradic

#F4E690

#90F4B4

#909EF4

#F490D0

Color Blindness Simulation

Original

#F4E690

Protanopia

#EEEEA5

Deuteranopia

#EFF0AA

Tritanopia

#F3B5B9

Achromatopsia

#E3E3E3

CSS Usage

background-color: #F4E690;
color: #F4E690;
border-color: #F4E690;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FDFBF2
100
#FAF6E1
200
#F9F0BE
300
#F4E690
400
#EED853
500
#E8CB17
600
#BAA212
700
#95820F
800
#74650B
900
#544A0D
950
#352F08

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

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