#FBEC5D
Yellow family

Corn

Also known as: cheerful · golden · soft · inviting · vibrant
Save
Hex #FBEC5D
RGB rgb(251, 236, 93)
HSL hsl(54°, 95%, 67%)
CMYK 0 · 6 · 63 · 2

Meaning

In Western cultures, corn signifies nourishment and prosperity, often associated with harvest festivals and agricultural bounty. However, in some Indigenous cultures, corn holds sacred significance, symbolizing life and sustenance, contrasting with its more commercial connotations.

The term 'corn' originates from the Old English word 'cyrne', which historically referred to any grain. By the 16th century, it specifically denoted the grain maize in the Americas, where it became a staple crop for many Indigenous peoples and a vital part of colonial agriculture.

cheerfulgoldensoftinvitingvibrant

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Corn. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 29 Yellows →

Shades & tints

Nine steps of Corn by lightness — from #837B30 (darkest) to #FDF5AB (lightest). Click any to copy.

-40% #837B30
-30% #A1973C
-20% #BFB347
-10% #DDD052
BASE #FBEC5D
+15% #FBEE70
+30% #FCF184
+50% #FCF397
+70% #FDF5AB

Complementary

Sitting opposite Corn at 234° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Corn.

#FBEC5D
#8BC34A
#FFFFFF
#FF9800
#E0E0E0

Harvest Glow

Warm Abundance
#FBEC5D
#F57F20
#F5F5F5
#4CAF50
#FFEB3B

Sunny Meadow

Bright Joy
#FBEC5D
#FF5722
#BBBBBB
#FFC107
#8D6E63

Golden Fields

Rustic Charm

Corn scale

A 50–900 tonal scale with Corn anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #FFFDF2
100 #FEFCE2
200 #FDF8C1
300 #FDF4A1
400 #FCF07F
500 #FBEC5D
600 #CEC24C
700 #A69C3D
800 #7E762F
900 #555020

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 17.26:1
Corn as text on… Ratio AA AAA
Aa White background 1.22:1 Fail Fail
Aa Black background 17.26:1 Pass Pass

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #FBEC5D

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #FBEC5D;
CSS color-mix (lighten 30%) color-mix(in srgb, #FBEC5D 70%, white)
HSV / HSB 54°, 63%, 98%
CMYK (print) 0, 6, 63, 2
Decimal 16510045
Nearest web-safe #FFFF66

Color vision

How Corn appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#FBEC5D

Protanopia (no red)

#F5F480

Deuteranopia (no green)

#F5F788

Tritanopia (no blue)

#FA9BA1
Aureolin
19 / 29 Yellows Citrine
Copied!