#F8D307

#F8D307

Color Values

HEX

#F8D307

RGB

248, 211, 7

HSL

50.8, 94.5%, 50.0%

HSV

50.8, 97.2%, 97.3%

CMYK

0.0%, 14.9%, 97.2%, 2.7%

OKLCH

0.8723 0.1787 96.1

Properties

Warm Light Nearest: RAL 1023 Traffic Yellow

Color Harmonies

Complementary

#F8D307

#072CF8

Analogous

#F85B07

#A4F807

#F8D307

Triadic

#F8D307

#07F8D3

#D307F8

Split Complementary

#F8D307

#07A4F8

#5B07F8

Tetradic

#F8D307

#07F85B

#072CF8

#F807A4

Color Blindness Simulation

Original

#F8D307

Protanopia

#E8E838

Deuteranopia

#EAED44

Tritanopia

#F65F68

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#FDFCF1
100
#FBF7DF
200
#FDF3BA
300
#FCEA88
400
#FADE47
500
#F8D307
600
#C6A906
700
#9F8704
800
#7C6A04
900
#5A4D07
950
#393105

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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