Nearest named color · #5A7E46
#5A7E46
Nearest named color: Mana Tree
#5A7E46 (rgb(90 126 70), hsl(99 29% 38%), oklch(0.552 0.092 135.2)) is closest to the named color Mana Tree. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#5A7E46
oklch(0.552 0.092 135.2)
Color conversions
- HEX
- #5a7e46
- RGB
- rgb(90 126 70)
- HSL
- hsl(99 29% 38%)
- HWB
- hwb(99 27% 51%)
- OKLCH
- oklch(0.552 0.092 135.2)
- OKLab
- oklab(0.552 -0.065 0.065)
- CIE Lab
- lab(49.01 -21.43 26.17)
- LCH
- lch(49.01 33.82 129.3)
- CMYK
- cmyk(29% 0% 44% 51%)
Tints · Shades · Tones
Tints
- 698A58
- 79976A
- 89A47C
- 99B08E
- AABDA0
- BACAB2
- CBD7C5
- DCE4D8
- EDF2EC
Shades
- 4D6D3C
- 415C32
- 354C28
- 293C1E
- 1E2D15
- 131F0D
- 091105
- 030502
- 000100
Tones
- 5E7E4C
- 627F53
- 667F59
- 6A7F5F
- 6D8064
- 71806A
- 758070
- 798075
- 7C807B
Color harmonies
Complementary +180°
- 5A7E46
Mana Tree
- 866197
≈ Wisteria Purple
Analogous -30° +30°
- 5A7E46
Mana Tree
- 7A752F
≈ Wood Garlic
- 338365
≈ Mythical Forest
Triadic +120° +240°
- 5A7E46
Mana Tree
- 4C74A7
≈ Song of the Sea
- A05B60
≈ Pizza Pie
Split-complementary +150° +210°
- 5A7E46
Mana Tree
- 6D6AA5
≈ Inner Journey
- 985B7E
≈ Immortality
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 4.65:1 · APCA Lc 72
Ag
AAOn black
WCAG 4.50:1 · APCA Lc 29
Best text color: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
Code snippets
CSS
:root {
--mana-tree: #5a7e46;
--mana-tree-rgb: 90 126 70;
--mana-tree-oklch: oklch(0.552 0.092 135.2);
}
.element {
color: var(--mana-tree);
background-color: hsl(99 29% 38%);
border-color: oklch(0.552 0.092 135.2);
}Tailwind CSS v4
@theme {
--color-mana-tree: #5a7e46;
--color-mana-tree-50: #e9fce2;
--color-mana-tree-100: #daf0d2;
--color-mana-tree-200: #c2deb8;
--color-mana-tree-300: #a1c395;
--color-mana-tree-400: #87ab74;
--color-mana-tree-500: #6b9455;
--color-mana-tree-600: #5b7d48;
--color-mana-tree-700: #486439;
--color-mana-tree-800: #364927;
--color-mana-tree-900: #25331a;
--color-mana-tree-950: #131e0b;
}SCSS
$mana-tree: #5a7e46;
$mana-tree-rgb: 90, 126, 70;
$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);
}