#F7BA08

#F7BA08

Color Values

HEX

#F7BA08

RGB

247, 186, 8

HSL

44,7, 93,7%, 50,0%

HSV

44,7, 96,8%, 96,9%

CMYK

0,0%, 24,7%, 96,8%, 3,1%

OKLCH

0,8224 0,1676 84,5

Properties

Warm Light Nearest: goldenrod 1

Color Harmonies

Complementary

#F7BA08

#0845F7

Analogous

#F74308

#BCF708

#F7BA08

Triadic

#F7BA08

#08F7BA

#BA08F7

Split Complementary

#F7BA08

#08BCF7

#4308F7

Tetradic

#F7BA08

#08F743

#0845F7

#F708BC

Color Blindness Simulation

Original

#F7BA08

Protanopia

#DDDC33

Deuteranopia

#E0E53D

Tritanopia

#F4555D

Achromatopsia

#BABABA

CSS Usage

background-color: #F7BA08;
color: #F7BA08;
border-color: #F7BA08;
Nearest Tailwind: Amber 400 #FBBF24

Tailwind Shades

50
#FDFAF1
100
#FBF4DF
200
#FDECBA
300
#FBDE88
400
#F9CC48
500
#F7BA08
600
#C69506
700
#9E7705
800
#7B5D04
900
#594408
950
#382B05

Contrast Checker

Text on white

1,75:1

AA Fail AAA Fail

Text on black

11,98:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026