Nearest named color · #547C43
#547C43
Nearest named color: Mana Tree
#547C43 (rgb(84 124 67), hsl(102 30% 37%), oklch(0.542 0.095 136.9)) is closest to the named color Mana Tree. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#547C43
oklch(0.542 0.095 136.9)
Color conversions
- HEX
- #547c43
- RGB
- rgb(84 124 67)
- HSL
- hsl(102 30% 37%)
- HWB
- hwb(102 26% 51%)
- OKLCH
- oklch(0.542 0.095 136.9)
- OKLab
- oklab(0.542 -0.07 0.065)
- CIE Lab
- lab(47.96 -23.1 26.39)
- LCH
- lch(47.96 35.07 131.2)
- CMYK
- cmyk(32% 0% 46% 51%)
Tints · Shades · Tones
Tints
- 648955
- 749567
- 85A279
- 96AF8C
- A7BC9E
- B8C9B1
- C9D7C4
- DBE4D8
- EDF1EB
Shades
- 486B39
- 3C5A2F
- 314A26
- 263B1D
- 1B2C14
- 111E0C
- 081105
- 020501
- 000100
Tones
- 597D4A
- 5D7D50
- 627E57
- 667E5D
- 6B7F63
- 6F7F69
- 737F6F
- 788074
- 7C807A
Color harmonies
Complementary +180°
- 547C43
Mana Tree
- 865D94
≈ Wisteria Purple
Analogous -30° +30°
- 547C43
Mana Tree
- 767329
≈ Wood Garlic
- 288163
≈ Accent Green Blue
Triadic +120° +240°
- 547C43
Mana Tree
- 4A70A6
≈ Great Serpent
- 9F575B
≈ Cuban Rhythm
Split-complementary +150° +210°
- 547C43
Mana Tree
- 6C66A4
≈ Scampi
- 97577A
≈ Sea Fan Fuchsia
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 4.83:1 · APCA Lc 73
Ag
FailOn black
WCAG 4.34:1 · APCA Lc 28
Best text color: #FFFFFF
WCAG 4.83:1 (AA) · APCA Lc 73
Contrast pairs
Code snippets
CSS
:root {
--mana-tree: #547c43;
--mana-tree-rgb: 84 124 67;
--mana-tree-oklch: oklch(0.542 0.095 136.9);
}
.element {
color: var(--mana-tree);
background-color: hsl(102 30% 37%);
border-color: oklch(0.542 0.095 136.9);
}Tailwind CSS v4
@theme {
--color-mana-tree: #547c43;
--color-mana-tree-50: #e8fce2;
--color-mana-tree-100: #d8f0d2;
--color-mana-tree-200: #c0dfb8;
--color-mana-tree-300: #9fc495;
--color-mana-tree-400: #84ac74;
--color-mana-tree-500: #679554;
--color-mana-tree-600: #587e48;
--color-mana-tree-700: #466539;
--color-mana-tree-800: #344a27;
--color-mana-tree-900: #23331a;
--color-mana-tree-950: #121f0b;
}SCSS
$mana-tree: #547c43;
$mana-tree-rgb: 84, 124, 67;
$mana-tree-light: mix(#fff, $mana-tree, 20%);
$mana-tree-dark: mix(#000, $mana-tree, 20%);
.element {
color: $mana-tree;
box-shadow: 0 0 0 2px rgba($mana-tree, 0.35);
}