#F0F057

A light, vivid yellow closely aligning with Gold.

About #F0F057

The hex code #F0F057 represents a beautifully specific shade of yellow. If you're using CSS, you might find it aligns closely with Gold. To achieve this exact tint on a monitor, you would use an RGB mix of 240, 240, and 87.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 0% Cyan, 0% Magenta, 64% Yellow, and 6% Black. Always request a physical proof before doing a large print run with this exact code.

When using this color as a background, text legibility must be considered. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#F0F057
RGB240, 240, 87
HSL60.0°, 83.6%, 64.1%
CMYK0%, 0%, 64%, 6%
HSV60.0°, 63.7%, 94.1%
LAB92.4, -18.1, 71.1
XYZ68.8, 81.5, 21.1
Decimal15790167

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

1.21:1
Text on #FFFFFF
FAIL
17.31:1
Text on #000000
AAA
1.16:1
Text on #F8FAFC
FAIL
14.71:1
Text on #0F172A
AAA

CSS Implementation

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

Similar Colors

Gold
#FFD700