Benannte Farbe · #46A35A
Spinach
Spinach ist #46A35A: rgb(70 163 90), hsl(133 40% 46%), oklch(0.641 0.139 148.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Spinach color name →
#46A35A
oklch(0.641 0.139 148.3)
Farbumrechnungen
- HEX
- #46a35a
- RGB
- rgb(70 163 90)
- HSL
- hsl(133 40% 46%)
- HWB
- hwb(133 27% 36%)
- OKLCH
- oklch(0.641 0.139 148.3)
- OKLab
- oklab(0.641 -0.118 0.073)
- CIE Lab
- lab(60.1 -41.02 29.22)
- LCH
- lch(60.1 50.36 144.5)
- CMYK
- cmyk(57% 0% 45% 36%)
Tints · Shades · Tones
Tints
- 5CAC6A
- 6FB67B
- 82BF8B
- 94C89B
- A6D1AB
- B8DABC
- CAE4CC
- DBEDDD
- EDF6EE
Shades
- 3C8D4D
- 327841
- 286335
- 1E4F29
- 153C1E
- 0D2A13
- 051909
- 020A03
- 000100
Tones
- 4FA05F
- 579C63
- 5D9967
- 64966B
- 69926F
- 6E8F73
- 738B76
- 788879
- 7C847D
Farbharmonien
Komplementär +180°
- 46A35A
Spinach
- B96BB7
≈ Lavendless
Analog -30° +30°
- 46A35A
Spinach
- 85971F
≈ Snakes in the Grass
- 00A38D
≈ Fishy House
Triadisch +120° +240°
- 46A35A
Spinach
- 6987E1
≈ Soft Blue
- D4675B
≈ Tory Red
Geteilt komplementär +150° +210°
- 46A35A
Spinach
- 9878D5
≈ Iridescent Purple
- CE658C
≈ Preppy Rose
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.15:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.64:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.64:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--spinach: #46a35a;
--spinach-rgb: 70 163 90;
--spinach-oklch: oklch(0.641 0.139 148.3);
}
.element {
color: var(--spinach);
background-color: hsl(133 40% 46%);
border-color: oklch(0.641 0.139 148.3);
}Tailwind CSS v4
@theme {
--color-spinach: #46a35a;
--color-spinach-50: #daffe1;
--color-spinach-100: #c7f6d0;
--color-spinach-200: #a9e6b5;
--color-spinach-300: #81cc92;
--color-spinach-400: #5eb56e;
--color-spinach-500: #329e4e;
--color-spinach-600: #2c8642;
--color-spinach-700: #246b35;
--color-spinach-800: #1b4f23;
--color-spinach-900: #123717;
--color-spinach-950: #042108;
}SCSS
$spinach: #46a35a;
$spinach-rgb: 70, 163, 90;
$spinach-light: mix(#fff, $spinach, 20%);
$spinach-dark: mix(#000, $spinach, 20%);
.element {
color: $spinach;
box-shadow: 0 0 0 2px rgba($spinach, 0.35);
}