Malachite

Introducing Malachite (#0BDA51), a green so vivid it practically buzzes with energy. Its pure, unadulterated hue sits at the peak of the green spectrum, offering a sharp, digital feel that immediately captures the eye. It's a color that doesn't just sit on the page—it performs.

What color is Malachite?

What is the meaning of Malachite?

How do I use Malachite (#0BDA51) in UI design?

Using Malachite color codes

Malachite

#0BDA51

Access our full UI & UX library today.

What color is Malachite?

What is the meaning of Malachite?

How do I use Malachite (#0BDA51) in UI design?

Using Malachite color codes

Malachite Code Conversions

HEX

#0BDA51

LAB

77, -72, 54

RGB

11, 218, 81

XYZ

26.7, 50.8, 16.2

HSL

140°, 90%, 45%

LCH

77, 89, 143°

HSB

140°, 95%, 85%

LUV

77, -70, 77

CMYK

95, 0, 63, 15

CMYK

95, 0, 63, 15

HWB

140°, 4%, 15%

Malachite Color Harmonies

Analogous

An analogous palette uses colors found next to Malachite on the color wheel. The result is a cohesive and peaceful composition for any interface.

#2DDA0B

#0BDA51

#0BDAB8

#2DDA0B

#0BDA51

#0BDAB8

Complementary

A complementary color sits opposite Malachite on the color wheel. This pairing creates a vibrant combination with the highest possible visual contrast.

#0BDA51

#DA0B94

#0BDA51

#DA0B94

Split Complementary

Split complementary colors pair Malachite with the two hues next to its complement, providing strong visual contrast with greater creative flexibility.

#0BDA51

#B80BDA

#DA0B2D

#0BDA51

#B80BDA

#DA0B2D

Triadic

A triadic harmony is built from three colors equidistant on the color wheel. With Malachite as the base, this combination offers a bold, multicolored effect.

#0BDA51

#510BDA

#DA510B

#0BDA51

#510BDA

#DA510B

Tetradic

A tetradic scheme for Malachite creates a rich palette by using two pairs of complementary colors, forming a rectangle on the color wheel.

#0BDA51

#0B2DDA

#DA0B94

#DAB80B

#0BDA51

#0B2DDA

#DA0B94

#DAB80B

Square

A square color scheme pairs Malachite with three other colors equidistant on the color wheel, creating a vibrant and high-contrast palette.

#0BDA51

#0B2DDA

#DA0B94

#DAB80B

#0BDA51

#0B2DDA

#DA0B94

#DAB80B

Malachite Contrast Simulation

Text Color

#

Background Color

#

11.16

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.16

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Malachite Color Variations

Shades

Shades are darker versions of Malachite, created by adding black to give the color depth and weight.

#0BDA51

#09BB45

#089C3A

#067D2E

#055D23

#033E17

#021F0C

#000000

#0BDA51

#09BB45

#089C3A

#067D2E

#055D23

#033E17

#021F0C

#000000

Tints

Tints are lighter variations of Malachite, created by adding white to produce a softer feel.

#0BDA51

#2EDF6A

#51E583

#74EA9C

#96EFB4

#B9F4CD

#DCFAE6

#FFFFFF

#0BDA51

#2EDF6A

#51E583

#74EA9C

#96EFB4

#B9F4CD

#DCFAE6

#FFFFFF

Tones

Tones of Malachite are created with gray, producing less saturated and more subtle shades.

#0BDA51

#1CCD58

#2CC05E

#3DB365

#4EA76C

#5F9A73

#6F8D79

#808080

#0BDA51

#1CCD58

#2CC05E

#3DB365

#4EA76C

#5F9A73

#6F8D79

#808080

Hues

Hues are variations of Malachite, differing in warmth or intensity to influence visual tone.

#0BDA51

#0BC8DA

#0B2DDA

#850BDA

#DA0B94

#DA1D0B

#DAB80B

#60DA0B

#0BDA51

#0BC8DA

#0B2DDA

#850BDA

#DA0B94

#DA1D0B

#DAB80B

#60DA0B

What Interfaces Use Colors Like Malachite?

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