#F8F03A

A light, vivid yellow closely aligning with Yellow.

About #F8F03A

The hex code #F8F03A represents a beautifully specific shade of yellow. It is closely associated with the named CSS color Yellow. To achieve this exact tint on a monitor, you would use an RGB mix of 248, 240, and 58.

If you are designing for print, the four-color process is what matters most. The color uses 0% Cyan, 3% Magenta, 77% Yellow, and 3% Black. With a hue angle of 57.5 degrees, it sits comfortably in the yellow spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a light color, it is generally recommended to use #000000 text. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#F8F03A
RGB248, 240, 58
HSL57.5°, 93.1%, 60.0%
CMYK0%, 3%, 77%, 3%
HSV57.5°, 76.6%, 97.3%
LAB92.8, -16.2, 81.6
XYZ70.6, 82.6, 16.2
Decimal16314426

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

1.20:1
Text on #FFFFFF
FAIL
17.52:1
Text on #000000
AAA
1.15:1
Text on #F8FAFC
FAIL
14.89:1
Text on #0F172A
AAA

CSS Implementation

.bg-color { background-color: #F8F03A; }
.text-color { color: #F8F03A; }
.border-color { border: 2px solid #F8F03A; }

Similar Colors

Yellow
#FFFF00