Benannte Farbe · #8DC36A
Jaunty Green
Jaunty Green ist #8DC36A: rgb(141 195 106), hsl(96 43% 59%), oklch(0.759 0.132 134.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Jaunty Green color name →
#8DC36A
oklch(0.759 0.132 134.2)
Farbumrechnungen
- HEX
- #8dc36a
- RGB
- rgb(141 195 106)
- HSL
- hsl(96 43% 59%)
- HWB
- hwb(96 42% 24%)
- OKLCH
- oklch(0.759 0.132 134.2)
- OKLab
- oklab(0.759 -0.092 0.095)
- CIE Lab
- lab(73.5 -30.13 38.63)
- LCH
- lch(73.5 48.99 128)
- CMYK
- cmyk(28% 0% 46% 24%)
Tints · Shades · Tones
Tints
- 98C97A
- A4CF89
- AFD598
- BADCA7
- C6E2B6
- D1E8C4
- DCEDD3
- E8F3E2
- F3F9F0
Shades
- 7AA95B
- 67904D
- 55783F
- 446031
- 334A24
- 233418
- 14200D
- 070E04
- 010200
Tones
- 8CBC6D
- 8BB671
- 8AAF73
- 89A876
- 87A278
- 869B7A
- 85947C
- 838D7D
- 82877F
Farbharmonien
Komplementär +180°
- 8DC36A
Jaunty Green
- CF96EB
≈ Dream Vapour
Analog -30° +30°
- 8DC36A
Jaunty Green
- BFB544
≈ Pesto
- 4ECB9A
≈ Mint Jelly
Triadisch +120° +240°
- 8DC36A
Jaunty Green
- 77B4FF
≈ French Sky Blue
- F88C97
≈ Strawberry Shortcake
Geteilt komplementär +150° +210°
- 8DC36A
Jaunty Green
- A7A5FF
≈ Shy Moment
- EB8DC5
≈ Blushed Bombshell
Tetradisch +90° +180° +270°
- 8DC36A
Jaunty Green
- 30C2EF
≈ Clean Pool
- CF96EB
≈ Dream Vapour
- F69468
≈ Melon Red
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.06:1 · APCA Lc 40
Ag
AAAAuf Schwarz
WCAG 10.14:1 · APCA Lc 62
Beste Textfarbe: #000000
WCAG 10.14:1 (AAA) · APCA Lc 62
Contrast pairs
Code-Snippets
CSS
:root {
--jaunty-green: #8dc36a;
--jaunty-green-rgb: 141 195 106;
--jaunty-green-oklch: oklch(0.759 0.132 134.2);
}
.element {
color: var(--jaunty-green);
background-color: hsl(96 43% 59%);
border-color: oklch(0.759 0.132 134.2);
}Tailwind CSS v4
@theme {
--color-jaunty-green: #8dc36a;
--color-jaunty-green-50: #e4ffd9;
--color-jaunty-green-100: #d4f3c7;
--color-jaunty-green-200: #bbe2aa;
--color-jaunty-green-300: #98c783;
--color-jaunty-green-400: #7daf5c;
--color-jaunty-green-500: #5f9834;
--color-jaunty-green-600: #51812e;
--color-jaunty-green-700: #416724;
--color-jaunty-green-800: #304b16;
--color-jaunty-green-900: #21340e;
--color-jaunty-green-950: #102002;
}SCSS
$jaunty-green: #8dc36a;
$jaunty-green-rgb: 141, 195, 106;
$jaunty-green-light: mix(#fff, $jaunty-green, 20%);
$jaunty-green-dark: mix(#000, $jaunty-green, 20%);
.element {
color: $jaunty-green;
box-shadow: 0 0 0 2px rgba($jaunty-green, 0.35);
}