Cornsilk #fff8dc

The palest yellow with a name.

RGB

255, 248, 220

HSL

48°, 100%, 93%

CMYK

0, 3, 14, 0

Luminance

0.9356

About Cornsilk

Cornsilk, #fff8dc, is white with a soft yellow warmth — the CSS-named tint of the fine threads inside a corn husk. It is yellow reduced to a warm near-white, gentler than cream.

History

Cornsilk (the actual plant fiber) is nearly white-gold; X11 named the pale tint, and it became one of the web’s warmest near-white backgrounds. It shares the faint-warm-white family with ivory and old lace.

Psychology

Cornsilk reads soft, warm and natural — a near-white with a sunlit hint. It signals gentleness and organic warmth without cream’s richness.

In design

Cornsilk is a warm canvas tint: softer than white, ideal for reading surfaces and organic palettes. Text-free. Pair with charcoal ink, forest, terracotta and brass. It is the yellow equivalent of seashell or snow.

In culture

Cornsilk threads, cornsilk-pale walls, the husk’s hidden gold: a near-white named for a plant fiber most people have touched but never named.

Brands that own cornsilk

Organic packaging#fff8dc Reading apps#fdf6d8 Farmhouse UI#fbf4d4 Stationery kin#fef7da Corn/grain brands#f7efc8

Shades of cornsilk

Cream Ivory Vanilla Beige Old lace Wheat Champagne Lemon chiffon

Every format

HEX	#fff8dc
RGB	rgb(255, 248, 220)
HSL	hsl(48, 100%, 93%)
CMYK	cmyk(0%, 3%, 14%, 0%)
LAB	lab(97.5 -2.2 14.3)
LCH	lch(97.5 14.5 98.8)
OKLCH	oklch(0.977 0.037 95.4)

Copy-ready code

/* CSS */
color: #fff8dc;
background-color: #fff8dc;
/* Tailwind (arbitrary) */
class="text-[#fff8dc] bg-[#fff8dc]"
/* SCSS */
$brand: #fff8dc;
/* SwiftUI */
Color(red: 1.000, green: 0.973, blue: 0.863)
/* Android */
Color.parseColor("#fff8dc")

Accessibility — WCAG contrast

#fff8dc on white: 1.07:1

AA ✗ fail · AA-large ✗ · AAA ✗

#fff8dc on black: 19.71:1

AA ✓ pass · AA-large ✓ · AAA ✓

true color

protanopia

deuteranopia

tritanopia

RGB percentages

Red100.0%

Green97.3%

Blue86.3%

CMYK percentages

Cyan0.0%

Magenta2.7%

Yellow13.7%

Key (black)0.0%

Color previews

#fff8dc text on a black background

contrast 19.71:1

Card sample

#fff8dc text on a white background

contrast 1.07:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #fff8dc;

Background color

Panel with #fff8dc background

background-color: #fff8dc;

Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #fff8dc;

Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(255, 248, 220, 0.45);

Div box shadow

Elevated card

box-shadow: 0 12px 32px -8px rgba(255, 248, 220, 0.45);

Border & gradient

Gradient panel

border: 3px solid #fff8dc;
background: linear-gradient(135deg, #fff8dc, #EFFFDC);

Monochromatic scale

#3D3100 #856A00 #CCA300 #FFD014 #FFDE5C #FFEDA3 #FFF7D6

Palettes built from #fff8dc

UI palette

Gradient stops

Accent trio

Warm–cool bridge

Shades — darker

#FFEEAC #FFE57D #FFDB4D #FFD21E #EDBE00 #BE9800 #8E7200 #5F4C00 #2F2600

Tints — lighter

#FFF9DF #FFF9E3 #FFFAE6 #FFFBEA #FFFBED #FFFCF0 #FFFCF0 #FFFCF0 #FFFCF0

Hue & tone neighbors

#FFECDC #FFF2DC #FFFEDC #FAFFDC #FFFFFF #FFEEA9 #FFF8DC #FBF6DF

Color harmonies

Complement

Split-complement

Analogous

Triadic

Tetradic

Nearest named colors

beige · ΔE 3.3 ivory · ΔE 7.5 white · ΔE 14.7 silver · ΔE 24.5 lavender · ΔE 25.3

Cornsilk, answered

What is the hex code for cornsilk?

CSS cornsilk is #fff8dc — a warm near-white with a soft yellow tint.

Cornsilk vs cream vs ivory?

Ivory is the palest, cornsilk adds a warmer yellow whisper, cream is the richest. All are warm near-whites, deepening in that order.

What pairs with cornsilk?

Charcoal ink for text, forest and terracotta for organic warmth, brass for heritage — a gentle warm canvas.

Work with #fff8dc in the Color Lab

Contrast Checker →Palette Generator →Palette Pro →Scale Generator →CSS Code Generator →Color Blind Simulator →Accessibility Checker →Color Distance →