Skip to content

Seashell

Seashell is a white with a faint orange tint. Hex code #FFF5EE.

Seashell#FFF5EE

Color codes

  • CSS nameseashell
  • HEX#FFF5EE
  • RGBrgb(255 245 238)
  • HSLhsl(25 100% 97%)
  • HSB / HSVhsb(25, 7%, 100%)
  • OKLCHoklch(97.6% 0.014 57.6)
  • CMYKcmyk(0%, 4%, 7%, 0%)

White text

1.07:1 · fails WCAG

Black text

19.54:1 · passes WCAG AAA

Shades

50#FAF0E9
100#DCD3CC
200#C0B6AF
300#A49A94
400#89807A
500#6E6660
600#554D48
700#3E3631
800#27201B

Tones

#756D67
#99908A
#BFB5AF
#E6DCD5
#FFF5EE

About this color

Seashell in CSS and design

Seashell is a white with a faint orange tint. Seashell is one of the extended color keywords, which CSS adopted from the X11 color names used on Unix workstations.

Use it in CSS by name or by any of its codes; these all give the same color:

color: seashell;
color: #FFF5EE;
color: rgb(255 245 238);
color: hsl(25 100% 97%);

For text on seashell, black reads best. Check other combinations with the contrast checker, or browse all CSS color names.

Frequently asked questions

What is the hex code for seashell?

#FFF5EE. In CSS you can also use the keyword seashell, which works in every browser.

What is seashell in RGB and HSL?

In RGB it is rgb(255 245 238), in HSL hsl(25 100% 97%). For print, cmyk(0%, 4%, 7%, 0%) is a starting point, but CMYK depends on paper and ink, so check with your printer.

Should I use black or white text on seashell?

Black text works better: it has a contrast ratio of 19.54:1 and passes WCAG AAA. White text reaches 1.07:1.

Which colors go with seashell?

As a neutral, seashell goes with almost any color. It works well as a background, border or text color next to a vivid accent, and with the lighter and darker tones from its shades.