#F9B348

#F9B348

Color Values

HEX

#F9B348

RGB

249, 179, 72

HSL

36.3, 93.7%, 62.9%

HSV

36.3, 71.1%, 97.6%

CMYK

0.0%, 28.1%, 71.1%, 2.4%

OKLCH

0.8143 0.1445 74.3

Properties

Warm Light Nearest: Yellow Orange

Color Harmonies

Complementary

#F9B348

#488EF9

Analogous

#F95A48

#E6F948

#F9B348

Triadic

#F9B348

#48F9B3

#B348F9

Split Complementary

#F9B348

#48E6F9

#5A48F9

Tetradic

#F9B348

#48F95A

#488EF9

#F948E6

Color Blindness Simulation

Original

#F9B348

Protanopia

#DBDA62

Deuteranopia

#DFE468

Tritanopia

#F5767B

Achromatopsia

#BABABA

CSS Usage

background-color: #F9B348;
color: #F9B348;
border-color: #F9B348;
Nearest Tailwind: Amber 500 #F59E0B

Tailwind Shades

50
#FDF9F1
100
#FBF0DF
200
#FDE2BA
300
#FBCE88
400
#F9B348
500
#F79908
600
#C67A06
700
#9E6205
800
#7B4C04
900
#593908
950
#382405

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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