Manatee

Meet Manatee (#81859F), a sophisticated neutral that sidesteps pure gray by introducing a subtle, cool blue undertone. This complexity gives the color a quiet depth, making it a versatile yet distinctive choice for modern palettes, standing apart from typical grayscales.

What color is Manatee?

What is the meaning of Manatee?

How do I use Manatee (#81859F) in UI design?

Using Manatee color codes

Manatee

#81859F

Access our full UI & UX library today.

What color is Manatee?

What is the meaning of Manatee?

How do I use Manatee (#81859F) in UI design?

Using Manatee color codes

Manatee Code Conversions

HEX

#81859F

LAB

56, 4, -14

RGB

129, 133, 159

XYZ

23.7, 23.9, 36.2

HSL

232°, 14%, 56%

LCH

56, 15, 286°

HSB

232°, 19%, 62%

LUV

56, -4, -22

CMYK

19, 16, 0, 38

CMYK

19, 16, 0, 38

HWB

232°, 51%, 38%

Manatee Color Harmonies

Analogous

Analogous color schemes pair Manatee with its neighbors on the color wheel. This combination creates a harmonious and tranquil visual experience for users.

#81949F

#81859F

#8C819F

#81949F

#81859F

#8C819F

Complementary

Complementary colors are opposites on the color wheel, creating a high-contrast, vibrant look when paired with our base color, Manatee (#81859F).

#81859F

#9F9B81

#81859F

#9F9B81

Split Complementary

For a balanced yet striking palette, a split complementary scheme pairs Manatee with the two colors neighboring its opposite on the color wheel.

#81859F

#9F8C81

#949F81

#81859F

#9F8C81

#949F81

Triadic

Triadic color schemes use three hues evenly spaced on the color wheel. With Manatee as a base, this creates a vibrant, high-contrast palette.

#81859F

#9F8185

#859F81

#81859F

#9F8185

#859F81

Tetradic

Tetradic schemes pair Manatee with three other colors, forming a rectangle of two complementary pairs on the color wheel for a vibrant, balanced palette.

#81859F

#9F8194

#9F9B81

#819F8C

#81859F

#9F8194

#9F9B81

#819F8C

Square

A square color scheme pairs Manatee with three other colors, all evenly spaced on the color wheel, creating a vibrant and high-contrast palette.

#81859F

#9F8194

#9F9B81

#819F8C

#81859F

#9F8194

#9F9B81

#819F8C

Manatee Contrast Simulation

Text Color

#

Background Color

#

5.79

Good

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.

5.79

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Manatee Color Variations

Shades

Shades are darker versions of Manatee, created by adding black to introduce depth and weight.

#81859F

#6F7288

#5C5F72

#4A4C5B

#373944

#25262D

#121317

#000000

#81859F

#6F7288

#5C5F72

#4A4C5B

#373944

#25262D

#121317

#000000

Tints

Tints of Manatee are created by mixing in white, resulting in lighter, softer variations.

#81859F

#9396AD

#A5A8BA

#B7B9C8

#C9CBD6

#DBDCE4

#EDEEF1

#FFFFFF

#81859F

#9396AD

#A5A8BA

#B7B9C8

#C9CBD6

#DBDCE4

#EDEEF1

#FFFFFF

Tones

Tones are muted versions of Manatee, created by adding gray to soften the saturation.

#81859F

#81849B

#818496

#818392

#80828D

#808189

#808184

#808080

#81859F

#81849B

#818496

#818392

#80828D

#808189

#808184

#808080

Hues

Hues are variations of Manatee, sharing its base color but with different intensities or temperatures.

#81859F

#93819F

#9F8194

#9F8481

#9F9B81

#8D9F81

#819F8C

#819B9F

#81859F

#93819F

#9F8194

#9F8481

#9F9B81

#8D9F81

#819F8C

#819B9F

What Interfaces Use Colors Like Manatee?

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