#F8AE49

#F8AE49

Color Values

HEX

#F8AE49

RGB

248, 174, 73

HSL

34.6, 92.6%, 62.9%

HSV

34.6, 70.6%, 97.3%

CMYK

0.0%, 29.8%, 70.6%, 2.7%

OKLCH

0.8041 0.1431 71.3

Properties

Warm Light Nearest: Yellow Orange

Color Harmonies

Complementary

#F8AE49

#4993F8

Analogous

#F85649

#EBF849

#F8AE49

Triadic

#F8AE49

#49F8AE

#AE49F8

Split Complementary

#F8AE49

#49EBF8

#5649F8

Tetradic

#F8AE49

#49F856

#4993F8

#F849EB

Color Blindness Simulation

Original

#F8AE49

Protanopia

#D8D761

Deuteranopia

#DCE267

Tritanopia

#F47579

Achromatopsia

#B6B6B6

CSS Usage

background-color: #F8AE49;
color: #F8AE49;
border-color: #F8AE49;
Nearest Tailwind: Yellow 600 #CA8A04

Tailwind Shades

50
#FDF8F1
100
#FBEFDF
200
#FCE0BA
300
#FACA89
400
#F8AE49
500
#F69209
600
#C47408
700
#9D5D06
800
#7B4905
900
#593708
950
#382305

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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