Gem Stone

Meet Gem Stone (#EAE5EA), a subtle off-white with a distinct personality. Its most striking quality is the faint, cool undertone that gives it a clean, almost crystalline appearance, setting it apart from typical neutral shades and offering a refined base for any design palette.

What color is Gem Stone?

What is the meaning of Gem Stone?

How do I use Gem Stone (#EAE5EA) in UI design?

Using Gem Stone color codes

Gem Stone

#EAE5EA

Access our full UI & UX library today.

What color is Gem Stone?

What is the meaning of Gem Stone?

How do I use Gem Stone (#EAE5EA) in UI design?

Using Gem Stone color codes

Gem Stone Code Conversions

HEX

#EAE5EA

LAB

91, 3, -2

RGB

234, 229, 234

XYZ

76.8, 79.5, 89.1

HSL

300°, 11%, 91%

LCH

91, 3, 325°

HSB

300°, 2%, 92%

LUV

91, 3, -3

CMYK

0, 2, 0, 8

CMYK

0, 2, 0, 8

HWB

300°, 90%, 8%

Gem Stone Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. For Gem Stone, this combination creates a harmonious and tranquil palette, perfect for serene designs.

#E8E5EA

#EAE5EA

#EAE5E8

#E8E5EA

#EAE5EA

#EAE5E8

Complementary

Complementary colors sit opposite each other on the color wheel. When paired with Gem Stone, they create a striking, high-contrast visual effect.

#EAE5EA

#E5EAE5

#EAE5EA

#E5EAE5

Split Complementary

A split complementary scheme for Gem Stone pairs it with the two colors adjacent to its direct opposite, offering high contrast with added harmony.

#EAE5EA

#E8EAE5

#E5EAE8

#EAE5EA

#E8EAE5

#E5EAE8

Triadic

A triadic palette is built from three colors equidistant on the color wheel. See how Gem Stone pairs with two others for a vibrant, balanced effect.

#EAE5EA

#EAEAE5

#E5EAEA

#EAE5EA

#EAEAE5

#E5EAEA

Tetradic

A tetradic scheme for Gem Stone combines two pairs of complementary colors, forming a rectangle on the color wheel for a balanced, vibrant palette.

#EAE5EA

#EAE8E5

#E5EAE5

#E5E8EA

#EAE5EA

#EAE8E5

#E5EAE5

#E5E8EA

Square

A square color scheme is a tetradic variation using four evenly spaced colors, creating a palette with rich contrast built around Gem Stone.

#EAE5EA

#EAE8E5

#E5EAE5

#E5E8EA

#EAE5EA

#EAE8E5

#E5EAE5

#E5E8EA

Gem Stone Contrast Simulation

Text Color

#

Background Color

#

16.89

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

Text Color

#

Background Color

#

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

16.89

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Gem Stone Color Variations

Shades

Shades are darker versions of Gem Stone, made by adding black for more depth and weight.

#EAE5EA

#C9C4C9

#A7A4A7

#868386

#646264

#434143

#212121

#000000

#EAE5EA

#C9C4C9

#A7A4A7

#868386

#646264

#434143

#212121

#000000

Tints

Tints are lighter versions of Gem Stone, created by mixing in white for a softer effect.

#EAE5EA

#EDE9ED

#F0ECF0

#F3F0F3

#F6F4F6

#F9F8F9

#FCFBFC

#FFFFFF

#EAE5EA

#EDE9ED

#F0ECF0

#F3F0F3

#F6F4F6

#F9F8F9

#FCFBFC

#FFFFFF

Tones

Tones are muted versions of Gem Stone, created by adding gray to soften its saturation.

#EAE5EA

#DBD7DB

#CCC8CC

#BDBABD

#ADABAD

#9E9D9E

#8F8E8F

#808080

#EAE5EA

#DBD7DB

#CCC8CC

#BDBABD

#ADABAD

#9E9D9E

#8F8E8F

#808080

Hues

Hues are variations of Gem Stone's base color, differing in intensity or temperature for distinct effects.

#EAE5EA

#EAE5E6

#EAE8E5

#E9EAE5

#E5EAE5

#E5EAE9

#E5E8EA

#E6E5EA

#EAE5EA

#EAE5E6

#EAE8E5

#E9EAE5

#E5EAE5

#E5EAE9

#E5E8EA

#E6E5EA

What Interfaces Use Colors Like Gem Stone?

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox