#F9F47B

#F9F47B

Color Values

HEX

#F9F47B

RGB

249, 244, 123

HSL

57.6, 91.3%, 72.9%

HSV

57.6, 50.6%, 97.6%

CMYK

0.0%, 2.0%, 50.6%, 2.4%

OKLCH

0.9471 0.1431 106.7

Properties

Warm Light Nearest: khaki 1

Color Harmonies

Complementary

#F9F47B

#7B80F9

Analogous

#F9B57B

#BFF97B

#F9F47B

Triadic

#F9F47B

#7BF9F4

#F47BF9

Split Complementary

#F9F47B

#7BBFF9

#B57BF9

Tetradic

#F9F47B

#7BF9B5

#7B80F9

#F97BBF

Color Blindness Simulation

Original

#F9F47B

Protanopia

#F7F798

Deuteranopia

#F7F89F

Tritanopia

#F9AFB4

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFADF
200
#FCF9BB
300
#FAF58A
400
#F7F04B
500
#F4EB0B
600
#C3BC09
700
#9C9607
800
#7A7506
900
#585509
950
#383605

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

18.25:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026