#F9B248

#F9B248

Color Values

HEX

#F9B248

RGB

249, 178, 72

HSL

35.9, 93.7%, 62.9%

HSV

35.9, 71.1%, 97.6%

CMYK

0.0%, 28.5%, 71.1%, 2.4%

OKLCH

0.8125 0.1444 73.7

Properties

Warm Light Nearest: Yellow Orange

Color Harmonies

Complementary

#F9B248

#488FF9

Analogous

#F95948

#E8F948

#F9B248

Triadic

#F9B248

#48F9B2

#B248F9

Split Complementary

#F9B248

#48E8F9

#5948F9

Tetradic

#F9B248

#48F959

#488FF9

#F948E8

Color Blindness Simulation

Original

#F9B248

Protanopia

#DADA62

Deuteranopia

#DEE468

Tritanopia

#F5767A

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#FDF9F1
100
#FBF0DF
200
#FDE2BA
300
#FBCD88
400
#F9B248
500
#F79708
600
#C67906
700
#9E6105
800
#7B4B04
900
#593808
950
#382405

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

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