#F8D007

#F8D007

Color Values

HEX

#F8D007

RGB

248, 208, 7

HSL

50.0, 94.5%, 50.0%

HSV

50.0, 97.2%, 97.3%

CMYK

0.0%, 16.1%, 97.2%, 2.7%

OKLCH

0.8663 0.177 94.8

Properties

Warm Light Nearest: RAL 1023 Traffic Yellow

Color Harmonies

Complementary

#F8D007

#072FF8

Analogous

#F85707

#A8F807

#F8D007

Triadic

#F8D007

#07F8D0

#D007F8

Split Complementary

#F8D007

#07A8F8

#5707F8

Tetradic

#F8D007

#07F857

#072FF8

#F807A8

Color Blindness Simulation

Original

#F8D007

Protanopia

#E7E638

Deuteranopia

#E9EC43

Tritanopia

#F65E66

Achromatopsia

#CACACA

CSS Usage

background-color: #F8D007;
color: #F8D007;
border-color: #F8D007;
Nearest Tailwind: Yellow 400 #FACC15

Tailwind Shades

50
#FDFBF1
100
#FBF7DF
200
#FDF2BA
300
#FCE888
400
#FADC47
500
#F8D007
600
#C6A606
700
#9F8504
800
#7C6804
900
#5A4C07
950
#393005

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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