#F9D348

#F9D348

Color Values

HEX

#F9D348

RGB

249, 211, 72

HSL

47.1, 93.7%, 62.9%

HSV

47.1, 71.1%, 97.6%

CMYK

0.0%, 15.3%, 71.1%, 2.4%

OKLCH

0.8757 0.1561 93.3

Properties

Warm Light Nearest: Sunglow

Color Harmonies

Complementary

#F9D348

#486EF9

Analogous

#F97A48

#C7F948

#F9D348

Triadic

#F9D348

#48F9D3

#D348F9

Split Complementary

#F9D348

#48C7F9

#7A48F9

Tetradic

#F9D348

#48F97A

#486EF9

#F948C7

Color Blindness Simulation

Original

#F9D348

Protanopia

#E9E86A

Deuteranopia

#EBEE72

Tritanopia

#F7848A

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#FDFBF1
100
#FBF5DF
200
#FDEEBA
300
#FBE288
400
#F9D348
500
#F7C408
600
#C69C06
700
#9E7D05
800
#7B6204
900
#594808
950
#382D05

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

14.44:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026