#F7B008

#F7B008

Color Values

HEX

#F7B008

RGB

247, 176, 8

HSL

42.2, 93.7%, 50.0%

HSV

42.2, 96.8%, 96.9%

CMYK

0.0%, 28.7%, 96.8%, 3.1%

OKLCH

0.8036 0.1657 79.2

Properties

Warm Light Nearest: RAL 1028 Melon Yellow

Color Harmonies

Complementary

#F7B008

#084FF7

Analogous

#F73908

#C6F708

#F7B008

Triadic

#F7B008

#08F7B0

#B008F7

Split Complementary

#F7B008

#08C6F7

#3908F7

Tetradic

#F7B008

#08F739

#084FF7

#F708C6

Color Blindness Simulation

Original

#F7B008

Protanopia

#D8D831

Deuteranopia

#DCE23A

Tritanopia

#F35158

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#FDFAF1
100
#FBF3DF
200
#FDE9BA
300
#FBD988
400
#F9C548
500
#F7B008
600
#C68D06
700
#9E7105
800
#7B5804
900
#594108
950
#382905

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

11.17:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026