#F8BA49

#F8BA49

Color Values

HEX

#F8BA49

RGB

248, 186, 73

HSL

38.7, 92.6%, 62.9%

HSV

38.7, 70.6%, 97.3%

CMYK

0.0%, 25.0%, 70.6%, 2.7%

OKLCH

0.8264 0.1444 79.1

Properties

Warm Light Nearest: Yellow Orange

Color Harmonies

Complementary

#F8BA49

#4987F8

Analogous

#F86249

#DFF849

#F8BA49

Triadic

#F8BA49

#49F8BA

#BA49F8

Split Complementary

#F8BA49

#49DFF8

#6249F8

Tetradic

#F8BA49

#49F862

#4987F8

#F849DF

Color Blindness Simulation

Original

#F8BA49

Protanopia

#DDDD64

Deuteranopia

#E1E56B

Tritanopia

#F57A7F

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#FDF9F1
100
#FBF1DF
200
#FCE5BA
300
#FAD289
400
#F8BA49
500
#F6A209
600
#C48108
700
#9D6806
800
#7B5105
900
#593C08
950
#382605

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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