Benannte Farbe · #589F7E
Green Spruce
Green Spruce ist #589F7E: rgb(88 159 126), hsl(152 29% 48%), oklch(0.646 0.088 162.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Green Spruce color name →
#589F7E
oklch(0.646 0.088 162.4)
Farbumrechnungen
- HEX
- #589f7e
- RGB
- rgb(88 159 126)
- HSL
- hsl(152 29% 48%)
- HWB
- hwb(152 35% 38%)
- OKLCH
- oklch(0.646 0.088 162.4)
- OKLab
- oklab(0.646 -0.084 0.027)
- CIE Lab
- lab(60.15 -29.37 10.01)
- LCH
- lch(60.15 31.03 161.2)
- CMYK
- cmyk(45% 0% 21% 38%)
Tints · Shades · Tones
Tints
- 6AA88A
- 7BB297
- 8BBBA3
- 9CC5B0
- ACCFBD
- BDD8CA
- CDE2D7
- DEECE4
- EEF5F1
Shades
- 4B8A6D
- 3F755C
- 33614C
- 284D3C
- 1D3B2D
- 12291F
- 091811
- 030905
- 000101
Tones
- 5E9C7E
- 63997F
- 67967F
- 6C937F
- 6F907F
- 738D7F
- 778A80
- 7A8680
- 7D8380
Farbharmonien
Komplementär +180°
- 589F7E
Green Spruce
- B4789D
≈ Valentine Heart
Analog -30° +30°
- 589F7E
Green Spruce
- 7A9A61
≈ Mosslands
- 419F9C
≈ Baltic Green
Triadisch +120° +240°
- 589F7E
Green Spruce
- 8687C3
≈ Brocade
- BC7C63
≈ Autumn’s Hill
Geteilt komplementär +150° +210°
- 589F7E
Green Spruce
- A07EB5
≈ Lush Lilac
- BD777F
≈ Rosily
Tetradisch +90° +180° +270°
- 589F7E
Green Spruce
- 6691C3
≈ Cobalt Glow
- B4789D
≈ Valentine Heart
- AF854F
≈ Camel Spider
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.14:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.67:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.67:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--green-spruce: #589f7e;
--green-spruce-rgb: 88 159 126;
--green-spruce-oklch: oklch(0.646 0.088 162.4);
}
.element {
color: var(--green-spruce);
background-color: hsl(152 29% 48%);
border-color: oklch(0.646 0.088 162.4);
}Tailwind CSS v4
@theme {
--color-green-spruce: #589f7e;
--color-green-spruce-50: #dffeef;
--color-green-spruce-100: #cef2e0;
--color-green-spruce-200: #b2e1cb;
--color-green-spruce-300: #8dc6ac;
--color-green-spruce-400: #6caf8f;
--color-green-spruce-500: #489875;
--color-green-spruce-600: #3e8163;
--color-green-spruce-700: #31674f;
--color-green-spruce-800: #244c38;
--color-green-spruce-900: #183526;
--color-green-spruce-950: #082015;
}SCSS
$green-spruce: #589f7e;
$green-spruce-rgb: 88, 159, 126;
$green-spruce-light: mix(#fff, $green-spruce, 20%);
$green-spruce-dark: mix(#000, $green-spruce, 20%);
.element {
color: $green-spruce;
box-shadow: 0 0 0 2px rgba($green-spruce, 0.35);
}