Benannte Farbe · #9AD28C
Botanist
Botanist ist #9AD28C: rgb(154 210 140), hsl(108 44% 69%), oklch(0.808 0.112 139.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Botanist color name →
#9AD28C
oklch(0.808 0.112 139.5)
Farbumrechnungen
- HEX
- #9ad28c
- RGB
- rgb(154 210 140)
- HSL
- hsl(108 44% 69%)
- HWB
- hwb(108 55% 18%)
- OKLCH
- oklch(0.808 0.112 139.5)
- OKLab
- oklab(0.808 -0.085 0.073)
- CIE Lab
- lab(79.03 -28.61 28.74)
- LCH
- lch(79.03 40.56 134.9)
- CMYK
- cmyk(27% 0% 33% 18%)
Tints · Shades · Tones
Tints
- A4D798
- AEDBA3
- B9E0AF
- C3E4BA
- CDE9C6
- D7EDD1
- E1F2DD
- EBF6E8
- F5FBF3
Shades
- 85B679
- 719B67
- 5E8155
- 4B6843
- 395033
- 273923
- 172414
- 091007
- 010201
Tones
- 98CA8B
- 95C18A
- 93B989
- 90B188
- 8EA987
- 8BA086
- 899885
- 869083
- 838882
Farbharmonien
Komplementär +180°
- 9AD28C
Botanist
- E0A9EE
≈ Petal Plush
Analog -30° +30°
- 9AD28C
Botanist
- C5C66E
≈ Powdered Green Tea
- 6DD8B4
≈ Peppy
Triadisch +120° +240°
- 9AD28C
Botanist
- 9BC2FF
≈ Pastel Blue
- FFA3A4
≈ Pink Dream
Geteilt komplementär +150° +210°
- 9AD28C
Botanist
- BEB5FF
≈ Greyish Lavender
- F7A2CB
≈ Violet Kiss
Tetradisch +90° +180° +270°
- 9AD28C
Botanist
- 6BCEFA
≈ Skyan
- E0A9EE
≈ Petal Plush
- FBAA7E
≈ Shrimp Shell
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.75:1 · APCA Lc 32
Ag
AAAAuf Schwarz
WCAG 11.97:1 · APCA Lc 71
Beste Textfarbe: #000000
WCAG 11.97:1 (AAA) · APCA Lc 71
Contrast pairs
Code-Snippets
CSS
:root {
--botanist: #9ad28c;
--botanist-rgb: 154 210 140;
--botanist-oklch: oklch(0.808 0.112 139.5);
}
.element {
color: var(--botanist);
background-color: hsl(108 44% 69%);
border-color: oklch(0.808 0.112 139.5);
}Tailwind CSS v4
@theme {
--color-botanist: #9ad28c;
--color-botanist-50: #e4fee0;
--color-botanist-100: #d4f2cf;
--color-botanist-200: #bae1b4;
--color-botanist-300: #97c691;
--color-botanist-400: #7baf6e;
--color-botanist-500: #5c984d;
--color-botanist-600: #4f8042;
--color-botanist-700: #3f6735;
--color-botanist-800: #2f4b23;
--color-botanist-900: #203417;
--color-botanist-950: #0f2008;
}SCSS
$botanist: #9ad28c;
$botanist-rgb: 154, 210, 140;
$botanist-light: mix(#fff, $botanist, 20%);
$botanist-dark: mix(#000, $botanist, 20%);
.element {
color: $botanist;
box-shadow: 0 0 0 2px rgba($botanist, 0.35);
}