#F9F348

#F9F348

Color Values

HEX

#F9F348

RGB

249, 243, 72

HSL

58.0, 93.7%, 62.9%

HSV

58.0, 71.1%, 97.6%

CMYK

0.0%, 2.4%, 71.1%, 2.4%

OKLCH

0.9405 0.1809 107.4

Properties

Warm Light Nearest: Lemon Yellow

Color Harmonies

Complementary

#F9F348

#484EF9

Analogous

#F99A48

#A6F948

#F9F348

Triadic

#F9F348

#48F9F3

#F348F9

Split Complementary

#F9F348

#48A6F9

#9A48F9

Tetradic

#F9F348

#48F99A

#484EF9

#F948A6

Color Blindness Simulation

Original

#F9F348

Protanopia

#F6F671

Deuteranopia

#F7F77B

Tritanopia

#F99299

Achromatopsia

#E8E8E8

CSS Usage

background-color: #F9F348;
color: #F9F348;
border-color: #F9F348;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FDFDF1
100
#FBFADF
200
#FDFBBA
300
#FBF788
400
#F9F348
500
#F7EF08
600
#C6BF06
700
#9E9905
800
#7B7804
900
#595708
950
#383705

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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