Malachite

#0BDA51

What color is Malachite?

Malachite is a vivid, medium-bright green with a cool, slightly blue-leaning tone, hex #0BDA51, close to the color of a fresh-cut lime. It is lighter and more saturated than forest green, with a clean, almost electric quality in direct light.

What is the meaning of the color Malachite?

Named after the banded green mineral malachite, which was ground into pigment and used in ancient Egyptian paintings as early as 3000 BCE. The mineral was mined extensively in the Sinai Peninsula and later in the Ural Mountains of Russia, where it was used to decorate the malachite room in the Winter Palace in Saint Petersburg, completed in 1837. In the 20th century, the color entered the design world through fashion and interiors, and Malachite appears as a named shade in the Pantone Fashion, Home and Interiors system, anchoring its place as a recognized commercial standard.

RGB
11, 218, 81
HSL
140°, 90%, 45%
CMYK
95, 0, 63, 15
HSV
140°, 95%, 85%
Malachite color

What colors go with Malachite?

Colors that pair well with Malachite include:
Gold: warm, rich contrast
Navy Blue: deep, grounding balance
Cream: soft, light relief
Charcoal: bold, neutral anchor
Coral: warm, complementary pop

Similar Colors

Conversions & Codes

Format Value CSS
HEX #0BDA51 color: #0BDA51;
RGB 11, 218, 81 color: rgb(11, 218, 81);
RGB Percentage 4%, 85%, 32% color: rgb(4%, 85%, 32%);
CMYK 95%, 0%, 63%, 15% Not supported in CSS
HSL 140°, 90%, 45% color: hsl(140, 90%, 45%);
HSV 140°, 95%, 85% Not supported in CSS
CIE-LAB 36, -41, 46 color: lab(36% -41 46);
Decimal 776785 Not supported in CSS

Color Variations

Shades

#0BDA50
#0AC448
#09AE40
#089938
#078330
#066D28
#055720
#034118

Tints

#AFFBC8
#94F9B6
#7AF8A4
#5FF792
#44F57F
#2AF46D
#0FF25B
#0BDA50

Tones

#0BDA50
#16D054
#20C557
#2ABB5B
#35B15E
#3FA662
#499C65
#549268

Hues

#0BDA50
#0BC9DA
#0B2EDA
#840BDA
#DA0B95
#DA1D0B
#DAB80B
#62DA0B

Color Harmonies

Analogous

#2EDA0B
Click to copy
#0BDA51
Click to copy
#0BDAB8
Click to copy

Complementary

#0BDA51
Click to copy
#DA0B95
Click to copy

Split Complementary

#0BDA51
Click to copy
#B80BDA
Click to copy
#DA0B2E
Click to copy

Triadic

#0BDA51
Click to copy
#500BDA
Click to copy
#DA500B
Click to copy

Tetradic

#0BDA51
Click to copy
#0B2EDA
Click to copy
#DA0B95
Click to copy
#DAB80B
Click to copy

Square

#0BDA51
Click to copy
#0B2EDA
Click to copy
#DA0B95
Click to copy
#DAB80B
Click to copy

CSS & Dev Snippets

CSS
.malachite {
  color: #0BDA51;
}
SCSS
$malachite: #0BDA51;
RGB
rgb(11, 218, 81)

Accessibility & Contrast

White background

1.88:1
1.88
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

11.16:1
11.16
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags