#F4F08F

#F4F08F

Color Values

HEX

#F4F08F

RGB

244, 240, 143

HSL

57.6, 82.1%, 75.9%

HSV

57.6, 41.4%, 95.7%

CMYK

0.0%, 1.6%, 41.4%, 4.3%

OKLCH

0.9376 0.1193 106.4

Properties

Warm Light Nearest: khaki 2

Color Harmonies

Complementary

#F4F08F

#8F93F4

Analogous

#F4BE8F

#C6F48F

#F4F08F

Triadic

#F4F08F

#8FF4F0

#F08FF4

Split Complementary

#F4F08F

#8FC6F4

#BE8FF4

Tetradic

#F4F08F

#8FF4BE

#8F93F4

#F48FC6

Color Blindness Simulation

Original

#F4F08F

Protanopia

#F2F2A6

Deuteranopia

#F2F3AC

Tritanopia

#F4B9BD

Achromatopsia

#EAEAEA

CSS Usage

background-color: #F4F08F;
color: #F4F08F;
border-color: #F4F08F;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FDFCF2
100
#FAF9E1
200
#F9F6BE
300
#F4F090
400
#EEE853
500
#E8E017
600
#BAB312
700
#958F0F
800
#74700B
900
#54510D
950
#353308

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

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