#FBEC5D
RGB(251, 236, 93)
#FEFDE8
#FDFCC4
#FCF68C
#FBEC5D
#F7D818
#E7BF0B
#C79507
#9F6C09
#835410
#704513
#412407
Color Values
HEX
#FBEC5D
RGB
rgb(251, 236, 93)
HSL
hsl(54°, 95%, 67%)
CMYK
0%, 6%, 63%, 2%
HSV
54°, 63%, 98%
XYZ
71.75, 81.29, 22.26
Color Variations
Monochromatic Colors of Corn Yellow (#FBEC5D)
#F9E312
#FAE62B
#FAE944
#FBEC5D
#FCEF76
#FCF28F
#FDF5A8
Tints of Corn Yellow (#FBEC5D)
#FBED6D
#FBEF7D
#FCF18D
#FCF39D
#FDF5AE
#FDF7BE
#FDF9CE
#FEFBDE
#FEFDEE
#FFFFFF
Triadic Colors of Corn Yellow (#FBEC5D)
#FBEC5D
#5DFBEC
#EC5DFB
Analogous Colors of Corn Yellow (#FBEC5D)
#FBEC5D
#BBFB5D
#FB9D5D
Complementary Colors of Corn Yellow (#FBEC5D)
#FBEC5D
#5D6CFB
CSS Examples
Corn Field Effect
.corn-field {
background: linear-gradient(45deg, #fbec5d, #f7d818);
box-shadow:
0 0 20px rgba(251, 236, 93, 0.4),
inset 0 0 30px rgba(231, 191, 11, 0.3);
animation: sway 3s ease-in-out infinite;
}
@keyframes sway {
0%, 100% { transform: rotate(1deg); }
50% { transform: rotate(-1deg); }
}Golden Harvest
.golden-harvest {
background: radial-gradient(circle at 30% 30%, #fbec5d, #e7bf0b);
border: 2px solid #c79507;
box-shadow:
0 0 15px #fbec5d,
inset 0 0 20px rgba(199, 149, 7, 0.4);
backdrop-filter: brightness(1.1);
}Sunlit Text
.sunlit-text {
color: #fbec5d;
text-shadow:
2px 2px 0 #c79507,
-2px -2px 0 #f7d818,
0 0 15px rgba(251, 236, 93, 0.6);
font-weight: bold;
letter-spacing: 1px;
}Corn Pattern
.corn-pattern {
background-color: #fbec5d;
background-image:
radial-gradient(circle at 50% 50%,
#f7d818 25%,
transparent 25%),
radial-gradient(circle at 0% 0%,
#f7d818 25%,
transparent 25%);
background-size: 20px 20px;
animation: shine 2s linear infinite;
}
@keyframes shine {
to { background-position: 20px 20px; }
}Corn Button
.corn-button {
background: linear-gradient(to bottom, #fbec5d, #f7d818);
border: none;
box-shadow:
0 4px 6px rgba(199, 149, 7, 0.3),
inset 0 1px 0 rgba(255, 255, 255, 0.4);
transition: all 0.3s ease;
&:hover {
transform: translateY(-2px);
background: linear-gradient(to bottom, #fcf68c, #fbec5d);
box-shadow:
0 6px 12px rgba(199, 149, 7, 0.4),
inset 0 1px 0 rgba(255, 255, 255, 0.6);
}
}About Corn Yellow
Corn Yellow (#FBEC5D) is a bright, warm yellow that evokes the golden hues of ripe corn kernels. This cheerful and inviting shade is reminiscent of sunlit fields and the bountiful harvests of late summer.
Color Characteristics
- High saturation (95%)
- High lightness (67%)
- Strong yellow base with golden undertones
- Natural and organic appearance
- Warm and inviting character
Color Values
- RGB: 251, 236, 93 (43.28%, 40.69%, 16.03%)
- HSL: 54°, 95%, 67%
- CMYK: 0%, 6%, 63%, 2%
- Web Safe: #FFFF66
Usage in Design
Corn Yellow excels in:
- Agricultural branding
- Food packaging
- Nature-themed designs
- Seasonal marketing
- Organic product labels
Color Combinations
- Pairs well with earth tones
- Complements deep blues
- Works with forest greens
- Creates contrast with rich browns
- Harmonizes with warm oranges
