#F9F279

#F9F279

Color Values

HEX

#F9F279

RGB

249, 242, 121

HSL

56.7, 91.4%, 72.5%

HSV

56.7, 51.4%, 97.6%

CMYK

0.0%, 2.8%, 51.4%, 2.4%

OKLCH

0.9428 0.1429 105.8

Properties

Warm Light Nearest: khaki 1

Color Harmonies

Complementary

#F9F279

#7980F9

Analogous

#F9B279

#C0F979

#F9F279

Triadic

#F9F279

#79F9F2

#F279F9

Split Complementary

#F9F279

#79C0F9

#B279F9

Tetradic

#F9F279

#79F9B2

#7980F9

#F979C0

Color Blindness Simulation

Original

#F9F279

Protanopia

#F6F696

Deuteranopia

#F6F79D

Tritanopia

#F9ADB2

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBF9DF
200
#FCF8BB
300
#FAF48A
400
#F7ED4A
500
#F4E70B
600
#C3B909
700
#9C9407
800
#7A7405
900
#585409
950
#383505

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

18.0:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026