#FFF8DC
RGB(255, 248, 220)
#451903
#75340E
#8A3F09
#A85100
#D37600
#F49D00
#FFB70B
#FFD13F
#FFE785
#FFF4C0
#FFF8DC
Color Values
HEX
#FFF8DC
RGB
rgb(255, 248, 220)
HSL
hsl(48°, 100%, 93%)
CMYK
0%, 3%, 14%, 0%
HSV
48°, 14%, 100%
XYZ
87.73, 93.56, 81.15
Color Variations
Triadic Colors
#FFF8DC
#DCFFF8
#F8DCFF
Analogous Colors
#FFF8DC
#F5FFDC
#FFE7DC
Monochromatic Colors
#FFE990
#FFEEA9
#FFF3C3
#FFF8DC
CSS Examples
Corn Husk Pattern
.corn-husk-pattern {
background-color: #fff8dc;
background-image:
linear-gradient(45deg, #fff4c0 25%, transparent 25%),
linear-gradient(-45deg, #fff4c0 25%, transparent 25%),
linear-gradient(45deg, transparent 75%, #fff4c0 75%),
linear-gradient(-45deg, transparent 75%, #fff4c0 75%);
background-size: 40px 40px;
background-position: 0 0, 20px 0, 20px -20px, 0px 20px;
animation: husks 10s linear infinite;
}
@keyframes husks {
from { background-position: 0 0, 20px 0, 20px -20px, 0px 20px; }
to { background-position: 40px 40px, 60px 40px, 60px 20px, 40px 60px; }
}Golden Field Button
.golden-field-button {
background: linear-gradient(
145deg,
#fff8dc 0%,
#ffe785 50%,
#fff8dc 100%
);
border: none;
border-radius: 30px;
box-shadow:
0 4px 15px rgba(255, 209, 63, 0.3),
inset 0 -2px 0 rgba(244, 157, 0, 0.1),
inset 0 2px 0 rgba(255, 255, 255, 0.9);
transition: all 0.3s ease;
}Harvest Weave
.harvest-weave {
background-color: #fff8dc;
background-image:
repeating-linear-gradient(
45deg,
#fff4c0 0px,
#fff4c0 2px,
transparent 2px,
transparent 8px
),
repeating-linear-gradient(
-45deg,
#ffe785 0px,
#ffe785 2px,
transparent 2px,
transparent 8px
);
box-shadow: inset 0 0 30px rgba(255, 183, 11, 0.1);
}Morning Sunlight
.morning-sunlight {
background: radial-gradient(
circle at 30% 30%,
#fff8dc 0%,
#fff4c0 30%,
#ffe785 70%,
#ffd13f 100%
);
box-shadow:
0 0 50px #fff8dc,
inset 0 0 100px rgba(255, 183, 11, 0.2);
animation: sunrise 8s ease-in-out infinite;
}
@keyframes sunrise {
0%, 100% { opacity: 0.8; }
50% { opacity: 1; }
}Grain Texture
.grain-texture {
background-color: #fff8dc;
background-image:
url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)' opacity='0.1'/%3E%3C/svg%3E"),
linear-gradient(to right, #fff8dc, #fff4c0);
position: relative;
overflow: hidden;
}About Cornsilk
The color Cornsilk is a delicate, pale yellow that evokes the soft, silky threads found on an ear of corn. This light, creamy hue brings a sense of warmth and subtle elegance to any design.
Historical Significance
Cornsilk's origins are rooted in nature, drawing inspiration from the natural world. Its gentle tone makes it an excellent choice for backgrounds, adding a touch of sophistication without overwhelming the viewer.
Color Characteristics
Cornsilk is characterized by:
- Soft, creamy yellow tone
- Natural, organic appearance
- Gentle warmth
- Subtle elegance
- Versatile application
Symbolism and Meaning
Cornsilk represents:
- Warmth
- Elegance
- Inviting atmosphere
- Calming presence
- Versatility
Modern Applications
Today, Cornsilk is used in:
- Web design backgrounds
- Interior decor
- Printed materials
- Digital interfaces
- Natural-themed designs
