#F8B04A

#F8B04A

Color Values

HEX

#F8B04A

RGB

248, 176, 74

HSL

35.2, 92.6%, 63.1%

HSV

35.2, 70.2%, 97.3%

CMYK

0.0%, 29.0%, 70.2%, 2.7%

OKLCH

0.8079 0.1425 72.4

Properties

Warm Light Nearest: Yellow Orange

Color Harmonies

Complementary

#F8B04A

#4A92F8

Analogous

#F8594A

#E9F84A

#F8B04A

Triadic

#F8B04A

#4AF8B0

#B04AF8

Split Complementary

#F8B04A

#4AE9F8

#594AF8

Tetradic

#F8B04A

#4AF859

#4A92F8

#F84AE9

Color Blindness Simulation

Original

#F8B04A

Protanopia

#D9D863

Deuteranopia

#DDE269

Tritanopia

#F4767A

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#FDF8F1
100
#FBF0DF
200
#FCE1BA
300
#FACC89
400
#F8B049
500
#F69409
600
#C47608
700
#9D5F06
800
#7B4A05
900
#593708
950
#382305

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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