#F7B508

#F7B508

Color Values

HEX

#F7B508

RGB

247, 181, 8

HSL

43.4, 93.7%, 50.0%

HSV

43.4, 96.8%, 96.9%

CMYK

0.0%, 26.7%, 96.8%, 3.1%

OKLCH

0.813 0.1665 81.9

Properties

Warm Light Nearest: darkgoldenrod 1

Color Harmonies

Complementary

#F7B508

#084AF7

Analogous

#F73D08

#C2F708

#F7B508

Triadic

#F7B508

#08F7B5

#B508F7

Split Complementary

#F7B508

#08C2F7

#3D08F7

Tetradic

#F7B508

#08F73D

#084AF7

#F708C2

Color Blindness Simulation

Original

#F7B508

Protanopia

#DADA32

Deuteranopia

#DEE33C

Tritanopia

#F4535A

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#FDFAF1
100
#FBF4DF
200
#FDEABA
300
#FBDB88
400
#F9C848
500
#F7B508
600
#C69106
700
#9E7405
800
#7B5A04
900
#594308
950
#382A05

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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