Benannte Farbe · #115511
Jungle Jam
Jungle Jam ist #115511: rgb(17 85 17), hsl(120 67% 20%), oklch(0.394 0.119 142.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Jungle Jam color name →
#115511
oklch(0.394 0.119 142.9)
Farbumrechnungen
- HEX
- #115511
- RGB
- rgb(17 85 17)
- HSL
- hsl(120 67% 20%)
- HWB
- hwb(120 7% 67%)
- OKLCH
- oklch(0.394 0.119 142.9)
- OKLab
- oklab(0.394 -0.095 0.072)
- CIE Lab
- lab(31.05 -32.29 31.1)
- LCH
- lch(31.05 44.83 136.1)
- CMYK
- cmyk(80% 0% 80% 67%)
Tints · Shades · Tones
Tints
- 2D652B
- 447542
- 5B8658
- 72976F
- 88A786
- 9FB99D
- B7CAB5
- CEDBCD
- E7EDE6
Shades
- 0D490D
- 093D09
- 063106
- 042604
- 021C02
- 011101
- 000800
- 000200
- 000000
Tones
- 215A20
- 2E5E2C
- 396337
- 446742
- 4E6B4C
- 587056
- 627461
- 6C786B
- 767C76
Farbharmonien
Komplementär +180°
- 115511
Jungle Jam
- 632B6A
≈ Imperial
Analog -30° +30°
- 115511
Jungle Jam
- 474A00
≈ No Emissions Green
- 005342
≈ Tetsu Green
Triadisch +120° +240°
- 115511
Jungle Jam
- 224285
≈ Blue Oblivion
- 792326
≈ Incubus
Geteilt komplementär +150° +210°
- 115511
Jungle Jam
- 4A367F
≈ Galactic Compass
- 73244C
≈ Dried Flower Purple
Tetradisch +90° +180° +270°
- 115511
Jungle Jam
- 004D6A
≈ Navy Dark Blue
- 632B6A
≈ Imperial
- 6E3300
≈ Nutmeg Wood Finish
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.00:1 · APCA Lc 90
Ag
FailAuf Schwarz
WCAG 2.33:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 9.00:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--jungle-jam: #115511;
--jungle-jam-rgb: 17 85 17;
--jungle-jam-oklch: oklch(0.394 0.119 142.9);
}
.element {
color: var(--jungle-jam);
background-color: hsl(120 67% 20%);
border-color: oklch(0.394 0.119 142.9);
}Tailwind CSS v4
@theme {
--color-jungle-jam: #115511;
--color-jungle-jam-50: #e1ffe1;
--color-jungle-jam-100: #d0f3d0;
--color-jungle-jam-200: #b5e2b5;
--color-jungle-jam-300: #91c892;
--color-jungle-jam-400: #73b06f;
--color-jungle-jam-500: #529a4e;
--color-jungle-jam-600: #468243;
--color-jungle-jam-700: #386835;
--color-jungle-jam-800: #294c24;
--color-jungle-jam-900: #1c3518;
--color-jungle-jam-950: #0c2009;
}SCSS
$jungle-jam: #115511;
$jungle-jam-rgb: 17, 85, 17;
$jungle-jam-light: mix(#fff, $jungle-jam, 20%);
$jungle-jam-dark: mix(#000, $jungle-jam, 20%);
.element {
color: $jungle-jam;
box-shadow: 0 0 0 2px rgba($jungle-jam, 0.35);
}