#F4E490

#F4E490

Color Values

HEX

#F4E490

RGB

244, 228, 144

HSL

50.4, 82.0%, 76.1%

HSV

50.4, 41.0%, 95.7%

CMYK

0.0%, 6.6%, 41.0%, 4.3%

OKLCH

0.9134 0.1058 98.8

Properties

Warm Light Nearest: Green Yellow

Color Harmonies

Complementary

#F4E490

#90A0F4

Analogous

#F4B290

#D2F490

#F4E490

Triadic

#F4E490

#90F4E4

#E490F4

Split Complementary

#F4E490

#90D2F4

#B290F4

Tetradic

#F4E490

#90F4B2

#90A0F4

#F490D2

Color Blindness Simulation

Original

#F4E490

Protanopia

#EDEDA4

Deuteranopia

#EEEFA9

Tritanopia

#F3B4B8

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#FDFBF2
100
#FAF6E1
200
#F9EFBE
300
#F4E490
400
#EED553
500
#E8C717
600
#BA9F12
700
#957F0F
800
#74630B
900
#54490D
950
#352E08

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

16.35:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026