Maya Blue

Presenting Maya Blue (#73C2FB), a remarkably clear and vibrant shade. Its striking brightness and clean, digital feel make it a compelling choice for modern interfaces, offering a distinct character that separates it from more common web blues. It's a color that feels both fresh and precise.

What color is Maya Blue?

What is the meaning of Maya Blue?

How do I use Maya Blue (#73C2FB) in UI design?

Using Maya Blue color codes

Maya Blue

#73C2FB

Access our full UI & UX library today.

What color is Maya Blue?

What is the meaning of Maya Blue?

How do I use Maya Blue (#73C2FB) in UI design?

Using Maya Blue color codes

Maya Blue Code Conversions

HEX

#73C2FB

LAB

76, -9, -36

RGB

115, 194, 251

XYZ

43.8, 49.2, 98.4

HSL

205°, 94%, 72%

LCH

76, 37, 256°

HSB

205°, 54%, 98%

LUV

76, -35, -56

CMYK

54, 23, 0, 2

CMYK

54, 23, 0, 2

HWB

205°, 45%, 2%

Maya Blue Color Harmonies

Analogous

Analogous color schemes use colors adjacent to Maya Blue on the color wheel, creating a harmonious and serene visual experience for users.

#73FBF0

#73C2FB

#737EFB

#73FBF0

#73C2FB

#737EFB

Complementary

To find a complementary color for Maya Blue, look directly opposite it on the color wheel. This pairing produces a vibrant, high-contrast combination.

#73C2FB

#FBAC73

#73C2FB

#FBAC73

Split Complementary

A split complementary scheme for Maya Blue uses the two colors adjacent to its direct complement, offering a vibrant yet balanced palette.

#73C2FB

#FB737E

#FBF073

#73C2FB

#FB737E

#FBF073

Triadic

Triadic palettes pair three colors from equidistant points on the color wheel. This approach gives Maya Blue two partners for a bold, yet balanced, combination.

#73C2FB

#FB73C2

#C2FB73

#73C2FB

#FB73C2

#C2FB73

Tetradic

A tetradic scheme pairs Maya Blue with three other colors, forming two complementary sets for a rich and balanced visual effect.

#73C2FB

#F073FB

#FBAC73

#7EFB73

#73C2FB

#F073FB

#FBAC73

#7EFB73

Square

A square color scheme pairs Maya Blue with three other equidistant colors on the color wheel, producing a lively and balanced high-contrast effect.

#73C2FB

#F073FB

#FBAC73

#7EFB73

#73C2FB

#F073FB

#FBAC73

#7EFB73

Maya Blue Contrast Simulation

Text Color

#

Background Color

#

10.84

Excellent

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.

10.84

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Maya Blue Color Variations

Shades

Shades of Maya Blue are created by adding black, giving your designs more depth and weight.

#73C2FB

#63A6D7

#528BB3

#426F8F

#31536C

#213748

#101C24

#000000

#73C2FB

#63A6D7

#528BB3

#426F8F

#31536C

#213748

#101C24

#000000

Tints

Tints of Maya Blue are created by adding white, resulting in lighter, softer variations.

#73C2FB

#87CBFC

#9BD3FC

#AFDCFD

#C3E5FD

#D7EEFE

#EBF6FE

#FFFFFF

#73C2FB

#87CBFC

#9BD3FC

#AFDCFD

#C3E5FD

#D7EEFE

#EBF6FE

#FFFFFF

Tones

Tones of Maya Blue are created by adding gray, which softens the color’s saturation.

#73C2FB

#75B9E9

#77AFD8

#79A6C6

#7A9CB5

#7C93A3

#7E8992

#808080

#73C2FB

#75B9E9

#77AFD8

#79A6C6

#7A9CB5

#7C93A3

#7E8992

#808080

Hues

Hues are variations of Maya Blue, differing in intensity or temperature to create specific moods.

#73C2FB

#8A73FB

#F073FB

#FB73A0

#FBAC73

#E4FB73

#7EFB73

#73FBCE

#73C2FB

#8A73FB

#F073FB

#FB73A0

#FBAC73

#E4FB73

#7EFB73

#73FBCE

What Interfaces Use Colors Like Maya Blue?

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