Myrtle

Meet Myrtle (#21421E), a profoundly deep green that borders on black yet retains a distinct, saturated character. Its striking quality comes from this near-absolute darkness, offering a rich, foundational hue with a subtle but undeniable verdant identity, making it a compelling choice for sophisticated palettes.

What color is Myrtle?

What is the meaning of Myrtle?

How do I use Myrtle (#21421E) in UI design?

Using Myrtle color codes

Myrtle

#21421E

Access our full UI & UX library today.

What color is Myrtle?

What is the meaning of Myrtle?

How do I use Myrtle (#21421E) in UI design?

Using Myrtle color codes

Myrtle Code Conversions

HEX

#21421E

LAB

25, -21, 18

RGB

33, 66, 30

XYZ

2.8, 4.3, 1.9

HSL

115°, 38%, 19%

LCH

25, 28, 139°

HSB

115°, 55%, 26%

LUV

25, -14, 20

CMYK

50, 0, 55, 74

CMYK

50, 0, 55, 74

HWB

115°, 12%, 74%

Myrtle Color Harmonies

Analogous

Analogous colors are neighbors to Myrtle on the color wheel. These schemes create a sense of harmony and tranquility in any design.

#33421E

#21421E

#1E422D

#33421E

#21421E

#1E422D

Complementary

Myrtle's complementary color is its direct opposite on the color wheel, creating a high-contrast pairing that offers a bold, energetic visual effect.

#21421E

#3F1E42

#21421E

#3F1E42

Split Complementary

Split complementary palettes for Myrtle use the two colors adjacent to its direct complement, offering high contrast with more nuanced and harmonious results.

#21421E

#2D1E42

#421E33

#21421E

#2D1E42

#421E33

Triadic

A triadic palette is formed by three hues equidistant on the color wheel. Starting with Myrtle, this combination offers a bold and balanced contrast.

#21421E

#1E2142

#421E21

#21421E

#1E2142

#421E21

Tetradic

Tetradic schemes pair Myrtle with three other colors, forming two complementary pairs that create a rich, rectangular harmony on the color wheel.

#21421E

#1E3342

#3F1E42

#422D1E

#21421E

#1E3342

#3F1E42

#422D1E

Square

The square scheme selects four colors equidistant on the color wheel. With Myrtle as the starting point, this combination produces a lively, high-contrast effect.

#21421E

#1E3342

#3F1E42

#422D1E

#21421E

#1E3342

#3F1E42

#422D1E

Myrtle Contrast Simulation

Text Color

#

Background Color

#

11.27

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.

11.27

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Myrtle Color Variations

Shades

By adding black to Myrtle, you create shades that add depth and weight.

#21421E

#1C391A

#182F15

#132611

#0E1C0D

#091309

#050904

#000000

#21421E

#1C391A

#182F15

#132611

#0E1C0D

#091309

#050904

#000000

Tints

By adding white to Myrtle, you create tints—lighter variations that introduce a softer tone.

#21421E

#415D3E

#60785E

#80937E

#A0AE9F

#C0C9BF

#DFE4DF

#FFFFFF

#21421E

#415D3E

#60785E

#80937E

#A0AE9F

#C0C9BF

#DFE4DF

#FFFFFF

Tones

Tones of Myrtle are created by adding gray, resulting in softer, more subdued variations.

#21421E

#2F4B2C

#3C543A

#4A5D48

#576556

#656E64

#727772

#808080

#21421E

#2F4B2C

#3C543A

#4A5D48

#576556

#656E64

#727772

#808080

Hues

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

#21421E

#1E4236

#1E3342

#241E42

#3F1E42

#421E2A

#422D1E

#3C421E

#21421E

#1E4236

#1E3342

#241E42

#3F1E42

#421E2A

#422D1E

#3C421E

What Interfaces Use Colors Like Myrtle?

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