Najbliższy nazwany kolor · #577441
#577441
Najbliższy nazwany kolor: Mana Tree
#577441 (rgb(87 116 65), hsl(94 28% 35%), oklch(0.523 0.083 132.8)) jest najbliższy nazwanemu kolorowi Mana Tree. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#577441
oklch(0.523 0.083 132.8)
Konwersje koloru
- HEX
- #577441
- RGB
- rgb(87 116 65)
- HSL
- hsl(94 28% 35%)
- HWB
- hwb(94 25% 55%)
- OKLCH
- oklch(0.523 0.083 132.8)
- OKLab
- oklab(0.523 -0.056 0.061)
- CIE Lab
- lab(45.58 -18.34 24.58)
- LCH
- lch(45.58 30.66 126.7)
- CMYK
- cmyk(25% 0% 44% 55%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 678153
- 768F65
- 869C78
- 97AA8A
- A8B89D
- B9C6B0
- CAD4C3
- DBE2D7
- EDF0EB
Odcienie ciemniejsze
- 4B6437
- 3E542E
- 334525
- 27371C
- 1C2913
- 121B0B
- 080F05
- 030501
- 000100
Tony
- 5B7548
- 5F774E
- 637855
- 67795B
- 6C7A62
- 707C68
- 747D6E
- 787E74
- 7C7F7A
Harmonie kolorów
Komplementarna +180°
- 577441
Mana Tree
- 7A5B8C
≈ Champion
Analogowa -30° +30°
- 577441
Mana Tree
- 736C2E
≈ Aged Mustard Green
- 36795C
≈ Liquid Green Stuff
Triada +120° +240°
- 577441
Mana Tree
- 466C98
≈ Queen Blue
- 93555C
≈ Mesa Red
Komplementarna rozszczepiona +150° +210°
- 577441
Mana Tree
- 636398
≈ Prime Purple
- 8B5677
≈ Queen’s Honour
Tetrada +90° +180° +270°
- 577441
Mana Tree
- 26748C
≈ Thousand Herb
- 7A5B8C
≈ Champion
- 925942
≈ Spiced Cider
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.27:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 3.97:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.27:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--mana-tree: #577441;
--mana-tree-rgb: 87 116 65;
--mana-tree-oklch: oklch(0.523 0.083 132.8);
}
.element {
color: var(--mana-tree);
background-color: hsl(94 28% 35%);
border-color: oklch(0.523 0.083 132.8);
}Tailwind CSS v4
@theme {
--color-mana-tree: #577441;
--color-mana-tree-50: #ebfbe3;
--color-mana-tree-100: #dcefd3;
--color-mana-tree-200: #c6ddb9;
--color-mana-tree-300: #a6c197;
--color-mana-tree-400: #8ca977;
--color-mana-tree-500: #719258;
--color-mana-tree-600: #607c4b;
--color-mana-tree-700: #4c633c;
--color-mana-tree-800: #384829;
--color-mana-tree-900: #27321c;
--color-mana-tree-950: #151e0c;
}SCSS
$mana-tree: #577441;
$mana-tree-rgb: 87, 116, 65;
$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);
}