#F9D649

#F9D649

Color Values

HEX

#F9D649

RGB

249, 214, 73

HSL

48.1, 93.6%, 63.1%

HSV

48.1, 70.7%, 97.6%

CMYK

0.0%, 14.1%, 70.7%, 2.4%

OKLCH

0.8818 0.1573 94.8

Properties

Warm Light Nearest: RAL 1017 Saffron Yellow

Color Harmonies

Complementary

#F9D649

#496CF9

Analogous

#F97E49

#C4F949

#F9D649

Triadic

#F9D649

#49F9D6

#D649F9

Split Complementary

#F9D649

#49C4F9

#7E49F9

Tetradic

#F9D649

#49F97E

#496CF9

#F949C4

Color Blindness Simulation

Original

#F9D649

Protanopia

#EAEA6B

Deuteranopia

#ECEE73

Tritanopia

#F7868C

Achromatopsia

#D3D3D3

CSS Usage

background-color: #F9D649;
color: #F9D649;
border-color: #F9D649;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FDFBF1
100
#FBF6DF
200
#FDEFBA
300
#FBE489
400
#F9D648
500
#F7C808
600
#C5A007
700
#9E8005
800
#7B6404
900
#594908
950
#382E05

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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