Benannte Farbe · #119900
Herbalist’s Garden
Herbalist’s Garden ist #119900: rgb(17 153 0), hsl(113 100% 30%), oklch(0.593 0.199 142). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Herbalist’s Garden color name →
#119900
oklch(0.593 0.199 142)
Farbumrechnungen
- HEX
- #119900
- RGB
- rgb(17 153 0)
- HSL
- hsl(113 100% 30%)
- HWB
- hwb(113 0% 40%)
- OKLCH
- oklch(0.593 0.199 142)
- OKLab
- oklab(0.593 -0.157 0.123)
- CIE Lab
- lab(55.03 -53.03 55.48)
- LCH
- lch(55.03 76.75 133.7)
- CMYK
- cmyk(89% 0% 100% 40%)
Tints · Shades · Tones
Tints
- 3BA432
- 55AE4D
- 6DB965
- 83C37B
- 98CD92
- ADD7A7
- C1E1BD
- D6EBD3
- EAF5E9
Shades
- 0D8400
- 097000
- 065D00
- 044A00
- 023800
- 012700
- 001700
- 000800
- 000100
Tones
- 2C9722
- 3B9533
- 489341
- 52914C
- 5B8E56
- 648C5F
- 6B8968
- 738670
- 798378
Farbharmonien
Komplementär +180°
- 119900
Herbalist’s Garden
- B24AC3
≈ Ultraviolet Cryner
Analog -30° +30°
- 119900
Herbalist’s Garden
- 818500
≈ Elwynn Forest Olive
- 009476
≈ Pool Table
Triadisch +120° +240°
- 119900
Herbalist’s Garden
- 3675F2
≈ Hailey Blue
- DC3844
≈ Serial Kisses
Geteilt komplementär +150° +210°
- 119900
Herbalist’s Garden
- 855EE8
≈ Gloomy Purple
- D03A8A
≈ Shrine of Pleasures
Tetradisch +90° +180° +270°
- 119900
Herbalist’s Garden
- 0089B9
≈ Mermaid Dreams
- B24AC3
≈ Ultraviolet Cryner
- C25E00
≈ Crema
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.76:1 · APCA Lc 64
Ag
AAAuf Schwarz
WCAG 5.58:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.58:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
CSS
:root {
--herbalist-s-garden: #119900;
--herbalist-s-garden-rgb: 17 153 0;
--herbalist-s-garden-oklch: oklch(0.593 0.199 142);
}
.element {
color: var(--herbalist-s-garden);
background-color: hsl(113 100% 30%);
border-color: oklch(0.593 0.199 142);
}Tailwind CSS v4
@theme {
--color-herbalist-s-garden: #119900;
--color-herbalist-s-garden-50: #d3ffd1;
--color-herbalist-s-garden-100: #c0fabe;
--color-herbalist-s-garden-200: #9eeb9d;
--color-herbalist-s-garden-300: #72d172;
--color-herbalist-s-garden-400: #4bba41;
--color-herbalist-s-garden-500: #00a400;
--color-herbalist-s-garden-600: #038a00;
--color-herbalist-s-garden-700: #066f00;
--color-herbalist-s-garden-800: #0e5100;
--color-herbalist-s-garden-900: #093900;
--color-herbalist-s-garden-950: #002300;
}SCSS
$herbalist-s-garden: #119900;
$herbalist-s-garden-rgb: 17, 153, 0;
$herbalist-s-garden-light: mix(#fff, $herbalist-s-garden, 20%);
$herbalist-s-garden-dark: mix(#000, $herbalist-s-garden, 20%);
.element {
color: $herbalist-s-garden;
box-shadow: 0 0 0 2px rgba($herbalist-s-garden, 0.35);
}