Benannte Farbe · #889779
Laurel Tree
Laurel Tree ist #889779: rgb(136 151 121), hsl(90 13% 53%), oklch(0.656 0.047 129.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Laurel Tree color name →
#889779
oklch(0.656 0.047 129.3)
Farbumrechnungen
- HEX
- #889779
- RGB
- rgb(136 151 121)
- HSL
- hsl(90 13% 53%)
- HWB
- hwb(90 47% 41%)
- OKLCH
- oklch(0.656 0.047 129.3)
- OKLab
- oklab(0.656 -0.029 0.036)
- CIE Lab
- lab(60.62 -9.8 13.98)
- LCH
- lch(60.62 17.08 125)
- CMYK
- cmyk(10% 0% 20% 41%)
Tints · Shades · Tones
Tints
- 93A186
- 9FAB93
- AAB5A0
- B6C0AD
- C2CABA
- CED4C8
- DADFD5
- E6EAE3
- F3F4F1
Shades
- 758368
- 636F58
- 525C48
- 414939
- 31372B
- 22261D
- 131710
- 060805
- 010101
Tones
- 87957A
- 86927B
- 86907B
- 858E7C
- 848C7D
- 83897E
- 82877E
- 82857F
- 81827F
Farbharmonien
Komplementär +180°
- 889779
Laurel Tree
- 998AA7
≈ Smoky Mauve
Analog -30° +30°
- 889779
Laurel Tree
- 989271
≈ Gurkha
- 799A87
≈ Mild Green
Triadisch +120° +240°
- 889779
Laurel Tree
- 7C94AD
≈ Nordland Blue
- AB868B
≈ Mask
Geteilt komplementär +150° +210°
- 889779
Laurel Tree
- 8A8EAE
≈ Non Skid Grey
- A5869A
≈ Evening Pink
Tetradisch +90° +180° +270°
- 889779
Laurel Tree
- 7198A5
≈ Cameo Blue
- 998AA7
≈ Smoky Mauve
- AB887C
≈ Bedford Brown
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.11:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.74:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.74:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--laurel-tree: #889779;
--laurel-tree-rgb: 136 151 121;
--laurel-tree-oklch: oklch(0.656 0.047 129.3);
}
.element {
color: var(--laurel-tree);
background-color: hsl(90 13% 53%);
border-color: oklch(0.656 0.047 129.3);
}Tailwind CSS v4
@theme {
--color-laurel-tree: #889779;
--color-laurel-tree-50: #f0f8ea;
--color-laurel-tree-100: #e2ebdb;
--color-laurel-tree-200: #cdd9c4;
--color-laurel-tree-300: #afbda4;
--color-laurel-tree-400: #96a487;
--color-laurel-tree-500: #7c8d6c;
--color-laurel-tree-600: #69775c;
--color-laurel-tree-700: #545f49;
--color-laurel-tree-800: #3e4634;
--color-laurel-tree-900: #2b3024;
--color-laurel-tree-950: #181c12;
}SCSS
$laurel-tree: #889779;
$laurel-tree-rgb: 136, 151, 121;
$laurel-tree-light: mix(#fff, $laurel-tree, 20%);
$laurel-tree-dark: mix(#000, $laurel-tree, 20%);
.element {
color: $laurel-tree;
box-shadow: 0 0 0 2px rgba($laurel-tree, 0.35);
}