Seashell

#FFF1E7

What color is Seashell?

Seashell is a very pale, warm off-white with a soft peachy undertone, hex #FFF1E7, close to the inner surface of a conch shell. The warmth keeps it from reading as a pure white, giving it a gentle creaminess.

What is the meaning of the color Seashell?

Named for the faint blush tones found on the inner surface of marine shells, seashell entered common use as a color name when it was added to the X11 color set in 1987, a standardized list of named colors developed for computer graphics that became a foundation for CSS web design. The name reflected a broader mid-20th-century design trend of borrowing from natural coastal imagery to create soft, livable neutrals. Interior paint brands such as Sherwin-Williams have offered shades under this name, anchoring it firmly in the residential paint market.

RGB
255, 241, 231
HSL
25°, 100%, 95%
CMYK
0, 5, 9, 0
HSV
25°, 9%, 100%
Seashell color

What colors go with Seashell?

Colors that pair well with Seashell include:
Dusty Rose: soft, tonal warmth
Sage Green: gentle natural contrast
Warm Taupe: quiet, grounded balance
Powder Blue: cool, airy lift
Copper: rich metallic depth

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FFF1E7 color: #FFF1E7;
RGB 255, 241, 231 color: rgb(255, 241, 231);
RGB Percentage 100%, 95%, 91% color: rgb(100%, 95%, 91%);
CMYK 0%, 5%, 9%, 0% Not supported in CSS
HSL 25°, 100%, 95% color: hsl(25, 100%, 95%);
HSV 25°, 9%, 100% Not supported in CSS
CIE-LAB 76, 3, 3 color: lab(76% 3 3);
Decimal 16773607 Not supported in CSS

Color Variations

Shades

#FFF0E6
#FFD4B5
#FFB885
#FF9B54
#FF7F24
#F26500
#C25100
#913D00

Tints

#FFFBF7
#FFF9F5
#FFF8F2
#FFF6F0
#FFF5ED
#FFF3EB
#FFF2E8
#FFF0E6

Tones

#FFF0E6
#FEF0E7
#FCF1E8
#FBF1E9
#FAF1EB
#F9F1EC
#F7F1ED
#F6F2EE

Hues

#FFF0E6
#FBFFE6
#E8FFE6
#E6FFF7
#E6F4FF
#EAE6FF
#FDE6FF
#FFE6EE

Color Harmonies

Analogous

#FFE6E8
Click to copy
#FFF1E7
Click to copy
#FFFDE6
Click to copy

Complementary

#FFF1E7
Click to copy
#E6F4FF
Click to copy

Split Complementary

#FFF1E7
Click to copy
#E6FFFD
Click to copy
#E6E8FF
Click to copy

Triadic

#FFF1E7
Click to copy
#E6FFF0
Click to copy
#F0E6FF
Click to copy

Tetradic

#FFF1E7
Click to copy
#E8FFE6
Click to copy
#E6F4FF
Click to copy
#FDE6FF
Click to copy

Square

#FFF1E7
Click to copy
#E8FFE6
Click to copy
#E6F4FF
Click to copy
#FDE6FF
Click to copy

CSS & Dev Snippets

CSS
.seashell {
  color: #FFF1E7;
}
SCSS
$seashell: #FFF1E7;
RGB
rgb(255, 241, 231)

Accessibility & Contrast

White background

1.11:1
1.11
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

18.99:1
18.99
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags