Couleur nommée la plus proche · #5B7E45
#5B7E45
Couleur nommée la plus proche: Mana Tree
#5B7E45 (rgb(91 126 69), hsl(97 29% 38%), oklch(0.552 0.092 134.3)) est la plus proche de la couleur nommée Mana Tree. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#5B7E45
oklch(0.552 0.092 134.3)
Conversions de couleur
- HEX
- #5b7e45
- RGB
- rgb(91 126 69)
- HSL
- hsl(97 29% 38%)
- HWB
- hwb(97 27% 51%)
- OKLCH
- oklch(0.552 0.092 134.3)
- OKLab
- oklab(0.552 -0.064 0.066)
- CIE Lab
- lab(49.06 -21.15 26.79)
- LCH
- lch(49.06 34.13 128.3)
- CMYK
- cmyk(28% 0% 45% 51%)
Teintes · Ombres · Tons
Teintes
- 6A8A57
- 7A9769
- 8AA47B
- 9AB08D
- AABDA0
- BBCAB2
- CBD7C5
- DCE4D8
- EEF2EB
Ombres
- 4E6D3B
- 415C31
- 354C27
- 293C1E
- 1E2D15
- 131F0C
- 091105
- 030502
- 000100
Tons
- 5F7E4C
- 637F52
- 667F58
- 6A7F5E
- 6E8064
- 72806A
- 75806F
- 798075
- 7C807A
Harmonies de couleurs
Complémentaire +180°
- 5B7E45
Mana Tree
- 866198
≈ Wisteria Purple
Analogue -30° +30°
- 5B7E45
Mana Tree
- 7B752E
≈ Wood Garlic
- 348364
≈ Mythical Forest
Triadique +120° +240°
- 5B7E45
Mana Tree
- 4B74A7
≈ Song of the Sea
- A15A61
≈ Beef Jerky
Complémentaire divisée +150° +210°
- 5B7E45
Mana Tree
- 6C6AA6
≈ Inner Journey
- 985B7F
≈ Immortality
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.65:1 · APCA Lc 72
Ag
AASur noir
WCAG 4.51:1 · APCA Lc 29
Meilleure couleur de texte: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
Extraits de code
CSS
:root {
--mana-tree: #5b7e45;
--mana-tree-rgb: 91 126 69;
--mana-tree-oklch: oklch(0.552 0.092 134.3);
}
.element {
color: var(--mana-tree);
background-color: hsl(97 29% 38%);
border-color: oklch(0.552 0.092 134.3);
}Tailwind CSS v4
@theme {
--color-mana-tree: #5b7e45;
--color-mana-tree-50: #e9fce2;
--color-mana-tree-100: #daf0d1;
--color-mana-tree-200: #c3deb7;
--color-mana-tree-300: #a2c394;
--color-mana-tree-400: #88ab73;
--color-mana-tree-500: #6c9453;
--color-mana-tree-600: #5c7d47;
--color-mana-tree-700: #496438;
--color-mana-tree-800: #364927;
--color-mana-tree-900: #25331a;
--color-mana-tree-950: #141e0a;
}SCSS
$mana-tree: #5b7e45;
$mana-tree-rgb: 91, 126, 69;
$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);
}