Seashell is a very light, vivid shade in the white color family, with a warm feel. Its HEX code is #FFF5EE, which equals rgb(255, 245, 238) in RGB and hsl(25, 100%, 97%) in HSL. In print terms it converts to roughly C0 M4 Y7 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#FFF5EE - RGB
255, 245, 238 - HSL
25°, 100%, 97% - CMYK
0, 4, 7, 0 - Family
White - Tone
Very light, vivid
About Seashell
White and off-white shades keep layouts clean and open. Slightly tinted whites such as ivory, snow and ghost white add warmth or coolness without losing brightness. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 19.55:1. Its complementary color is #F0F9FF.
Download Seashell as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Seashell color codes
| HEX | #FFF5EE |
|---|---|
| RGB | rgb(255, 245, 238) |
| HSL | hsl(25, 100%, 97%) |
| HSV | 25°, 7%, 100% |
| CMYK | 0%, 4%, 7%, 0% |
| Decimal | 16774638 |
Shades and tints of Seashell
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FFFDFC - 100
#FFFCF9 - 200
#FFFAF7 - 300
#FFF8F4 - 400
#FFF7F1 - 500
#FFF5EE - 600
#D5CCC6 - 700
#AAA39F - 800
#807B77 - 900
#55524F - 950
#2B2928
Color harmonies for Seashell
- Complementary
#F0F9FF≈ Alice Blue - Analogous −30°
#FFF0F1≈ Lavender Blush - Analogous +30°
#FFFEF0≈ Ivory - Triadic +120°
#F0FFF6≈ Honeydew - Triadic +240°
#F6F0FF≈ Ghost White - Split 150°
#F0FFFE≈ Azure - Split 210°
#F0F1FF≈ Alice Blue
Contrast and accessibility of Seashell
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Seashell | Aa | 1.07:1 | Fails |
| Black text on Seashell | Aa | 19.55:1 | AAA (excellent) |
CSS code for Seashell
background-color: #FFF5EE;color: #FFF5EE;background-color: rgb(255, 245, 238);background-color: hsl(25, 100%, 97%);:root { --color-seashell: #FFF5EE; }class="bg-[#FFF5EE]"Colors similar to Seashell
- Floral White
#FFFAF0 - Old Lace
#FDF5E6 - Lavender Blush
#FFF0F5 - Linen
#FAF0E6 - Snow
#FFFAFA - White Smoke
#F5F5F5 - Ivory
#FFFFF0 - Warm Gray 95
#F3F2F1 - Neutral Gray 95
#F2F2F2 - Cool Gray 95
#F1F2F3 - Cornsilk
#FFF8DC - Ghost White
#F8F8FF
More white shades
- White
#FFFFFF - Snow
#FFFAFA - Ivory
#FFFFF0 - Ghost White
#F8F8FF - Alice Blue
#F0F8FF - Azure
#F0FFFF - Floral White
#FFFAF0 - Honeydew
#F0FFF0 - Lavender Blush
#FFF0F5 - White Smoke
#F5F5F5
Frequently asked questions
What is the HEX code for Seashell?
The HEX code for Seashell is #FFF5EE.
What is the RGB value of Seashell?
Seashell has an RGB value of 255, 245, 238 (rgb(255, 245, 238)). In HSL it is 25°, 100%, 97%.
What text color should I use on Seashell?
Use black text on Seashell. White text has a contrast ratio of 1.07:1 and black text has 19.55:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Seashell?
The complementary color of Seashell is #F0F9FF. Analogous colors #FFF0F1 and #FFFEF0 also pair well.