Sea Horse

Meet Sea Horse (#CEE4E1), a soft, muted aqua that balances delicately between green and blue. Its most striking quality is its airy lightness and desaturated character, offering a whisper of color that feels both refreshing and sophisticated without demanding the spotlight.

What color is Sea Horse?

What is the meaning of Sea Horse?

How do I use Sea Horse (#CEE4E1) in UI design?

Using Sea Horse color codes

Sea Horse

#CEE4E1

Access our full UI & UX library today.

What color is Sea Horse?

What is the meaning of Sea Horse?

How do I use Sea Horse (#CEE4E1) in UI design?

Using Sea Horse color codes

Sea Horse Code Conversions

HEX

#CEE4E1

LAB

89, -8, -1

RGB

206, 228, 225

XYZ

66.8, 74.0, 82.0

HSL

172°, 29%, 85%

LCH

89, 8, 187°

HSB

172°, 10%, 89%

LUV

89, -12, 0

CMYK

10, 0, 1, 11

CMYK

10, 0, 1, 11

HWB

172°, 81%, 11%

Sea Horse Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. When paired with Sea Horse (#CEE4E1), they create a harmonious and tranquil visual experience.

#CEE4D6

#CEE4E1

#CEDCE4

#CEE4D6

#CEE4E1

#CEDCE4

Complementary

Complementary colors are found on opposite sides of the color wheel. Paired with Sea Horse, they make for a vibrant, high-contrast combination.

#CEE4E1

#E4CED1

#CEE4E1

#E4CED1

Split Complementary

The split complementary palette for Sea Horse uses the two colors on either side of its complement, creating high contrast with less tension.

#CEE4E1

#E4CEDC

#E4D6CE

#CEE4E1

#E4CEDC

#E4D6CE

Triadic

A triadic palette is built from three colors equidistant on the color wheel. Using Sea Horse as a base, these combinations offer balanced yet striking contrast.

#CEE4E1

#E1CEE4

#E4E1CE

#CEE4E1

#E1CEE4

#E4E1CE

Tetradic

Tetradic palettes build on Sea Horse by adding three more hues, creating two complementary pairs that form a rectangle on the color wheel.

#CEE4E1

#D6CEE4

#E4CED1

#DCE4CE

#CEE4E1

#D6CEE4

#E4CED1

#DCE4CE

Square

A square color scheme uses four colors evenly spaced on the color wheel, creating a vibrant and high-contrast palette with Sea Horse.

#CEE4E1

#D6CEE4

#E4CED1

#DCE4CE

#CEE4E1

#D6CEE4

#E4CED1

#DCE4CE

Sea Horse Contrast Simulation

Text Color

#

Background Color

#

15.81

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.

15.81

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Sea Horse Color Variations

Shades

Shades are darker versions of Sea Horse. Adding black gives the color more depth and weight.

#CEE4E1

#B1C3C1

#93A3A1

#768281

#586260

#3B4140

#1D2120

#000000

#CEE4E1

#B1C3C1

#93A3A1

#768281

#586260

#3B4140

#1D2120

#000000

Tints

Tints are lighter variations of Sea Horse, created by adding white for a softer look.

#CEE4E1

#D5E8E5

#DCECEA

#E3F0EE

#EAF3F2

#F1F7F6

#F8FBFB

#FFFFFF

#CEE4E1

#D5E8E5

#DCECEA

#E3F0EE

#EAF3F2

#F1F7F6

#F8FBFB

#FFFFFF

Tones

Tones of Sea Horse are created by adding gray, resulting in a softer, more muted color.

#CEE4E1

#C3D6D3

#B8C7C5

#ADB9B7

#A1ABAA

#969D9C

#8B8E8E

#808080

#CEE4E1

#C3D6D3

#B8C7C5

#ADB9B7

#A1ABAA

#969D9C

#8B8E8E

#808080

Hues

Hues are variations of Sea Horse, sharing its base color but differing in intensity or temperature.

#CEE4E1

#CED7E4

#D6CEE4

#E4CEE2

#E4CED1

#E4DBCE

#DCE4CE

#CEE4D1

#CEE4E1

#CED7E4

#D6CEE4

#E4CEE2

#E4CED1

#E4DBCE

#DCE4CE

#CEE4D1

What Interfaces Use Colors Like Sea Horse?

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