#F8BC4A

#F8BC4A

Color Values

HEX

#F8BC4A

RGB

248, 188, 74

HSL

39.3, 92.6%, 63.1%

HSV

39.3, 70.2%, 97.3%

CMYK

0.0%, 24.2%, 70.2%, 2.7%

OKLCH

0.8303 0.1443 80.2

Properties

Warm Light Nearest: NCS S 1050-Y20R Golden

Color Harmonies

Complementary

#F8BC4A

#4A86F8

Analogous

#F8654A

#DDF84A

#F8BC4A

Triadic

#F8BC4A

#4AF8BC

#BC4AF8

Split Complementary

#F8BC4A

#4ADDF8

#654AF8

Tetradic

#F8BC4A

#4AF865

#4A86F8

#F84ADD

Color Blindness Simulation

Original

#F8BC4A

Protanopia

#DEDD66

Deuteranopia

#E2E66C

Tritanopia

#F57B80

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#FDF9F1
100
#FBF2DF
200
#FCE6BA
300
#FAD389
400
#F8BC49
500
#F6A409
600
#C48308
700
#9D6906
800
#7B5205
900
#593D08
950
#382705

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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