Seashell #fff5ee

White, washed ashore.

RGB

255, 245, 238

HSL

25°, 100%, 97%

CMYK

0, 4, 7, 0

Luminance

0.9274

About Seashell

Seashell, #fff5ee, is off-white with the faintest peach warmth — the CSS-named tint of the inside of a shell. Barely a color, it is one of the web’s most delicate warm near-whites.

History

Shell interiors gave the reference for iridescent warm white; X11 named "seashell" as a subtle off-white, and coastal and bridal design adopted it as a softer alternative to stark white. Nacre’s glow lives one step down in pearl.

Psychology

Seashell reads soft, warm and coastal — white with a breath of sand and shore. It signals gentleness and calm without ivory’s yellow.

In design

Seashell is a warm canvas tint: coastal, bridal and skincare palettes. Softer than pure white, kinder to the eye on large surfaces. Pair with charcoal ink, sand, sage and blush. Never text.

In culture

Seashell whites, shells to the ear, "she sells seashells": the tide’s palest gift, a near-white with a warm heart.

Brands that own seashell

Coastal interiors#fff5ee Bridal soft#fef0e8 Skincare minimal#fdf3ed Beach hospitality#fff2e9 Ceramic glaze kin#fbf1ea

Shades of seashell

White Ivory Snow Linen Old lace Bisque Cream Antique white

Every format

HEX	#fff5ee
RGB	rgb(255, 245, 238)
HSL	hsl(25, 100%, 97%)
CMYK	cmyk(0%, 4%, 7%, 0%)
LAB	lab(97.1 2.2 4.5)
LCH	lch(97.1 5.0 64.6)
OKLCH	oklch(0.976 0.014 57.6)

Copy-ready code

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

Accessibility — WCAG contrast

#fff5ee on white: 1.07:1

AA ✗ fail · AA-large ✗ · AAA ✗

#fff5ee on black: 19.55:1

AA ✓ pass · AA-large ✓ · AAA ✓

true color

protanopia

deuteranopia

tritanopia

RGB percentages

Red100.0%

Green96.1%

Blue93.3%

CMYK percentages

Cyan0.0%

Magenta3.9%

Yellow6.7%

Key (black)0.0%

Color previews

#fff5ee text on a black background

contrast 19.55:1

Card sample

#fff5ee text on a white background

contrast 1.07:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #fff5ee;

Background color

Panel with #fff5ee background

background-color: #fff5ee;

Text shadow — hex

Glowing headline

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

Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(255, 245, 238, 0.45);

Div box shadow

Elevated card

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

Border & gradient

Gradient panel

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

Monochromatic scale

#3D1900 #853700 #CC5400 #FF7514 #FF9F5C #FFC9A3 #FFE7D6

Palettes built from #fff5ee

UI palette

Gradient stops

Accent trio

Warm–cool bridge

Shades — darker

#FFD8BD #FFBB8C #FF9E5A #FF8129 #F76600 #C55100 #943D00 #632900 #311400

Tints — lighter

#FFF6F0 #FFF6F0 #FFF6F0 #FFF6F0 #FFF6F0 #FFF6F0 #FFF6F0 #FFF6F0 #FFF6F0

Hue & tone neighbors

#FFEFEE #FFF2EE #FFF8EE #FFFBEE #FFFFFF #FFD7BB #FFF5EE #FDF5F0

Color harmonies

Complement

Split-complement

Analogous

Triadic

Tetradic

Nearest named colors

white · ΔE 5.8 ivory · ΔE 6.0 beige · ΔE 9.9 lavender · ΔE 15.2 silver · ΔE 20.1

Seashell, answered

What is the hex code for seashell?

CSS seashell is #fff5ee — a warm off-white with the faintest peach tint.

Seashell vs ivory vs snow?

Snow leans faintly pink-cool, ivory leans yellow-warm, seashell leans peach-warm — the coastal near-white.

What pairs with seashell?

Charcoal ink, sand and sage (coastal), blush and gold (bridal) — warm neutrals for organic softness.

Work with #fff5ee in the Color Lab

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