Seashell vs White

What is the difference between Seashell and White?

An analysis of Seashell (#FFF5EE) alongside White (#FFFFFF) highlights their unique visual relationship. In terms of color intensity, Seashell is visibly more vibrant and saturated. Both shades have a nearly identical lightness profile on screens. They have a close hue coordinate distance of 25°, representing a harmonized adjacent relationship.

Design recommendations for Seashell vs White

When choosing between Seashell and White for interface designs, consider their visual weight. Since Seashell is darker, it serves as a solid base for structural layouts or heavy typography, while the lighter White is ideal for backgrounds or high-visibility accents. Testing their contrast ratio is essential to meet WCAG accessibility guidelines.

Readability & Contrast Testing

Visual test showing black and white text overlay readability on both colors.

Seashell Typography

Preview of dark and light text elements rendered over a solid Seashell background canvas.

White Text: 1.07:1 Black Text: 19.55:1

White Typography

Preview of dark and light text elements rendered over a solid White background canvas.

White Text: 1.00:1 Black Text: 21.00:1

Technical Specifications Comparison

Format / Value Seashell White Delta / Difference
HEX Code #FFF5EE #FFFFFF -
RGB Channels rgb(255, 245, 238) rgb(255, 255, 255) R:0 | G:+10 | B:+17
HSL Values hsl(25°, 100%, 97%) hsl(0°, 0%, 100%) H:-25° | S:-100% | L:+3%
CMYK (Print) cmyk(0%, 4%, 7%, 0%) cmyk(0%, 0%, 0%, 0%) -

Individual Color References

Seashell Reference Sheet HEX, RGB, HSL and print codes
White Reference Sheet HEX, RGB, HSL and print codes
Copied!