Colore con nome · #A4C161
Jungle Juice
Jungle Juice è #A4C161: rgb(164 193 97), hsl(78 44% 57%), oklch(0.768 0.127 123.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Jungle Juice color name →
#A4C161
oklch(0.768 0.127 123.3)
Conversioni di colore
- HEX
- #a4c161
- RGB
- rgb(164 193 97)
- HSL
- hsl(78 44% 57%)
- HWB
- hwb(78 38% 24%)
- OKLCH
- oklch(0.768 0.127 123.3)
- OKLab
- oklab(0.768 -0.07 0.107)
- CIE Lab
- lab(74.33 -21.36 44.41)
- LCH
- lch(74.33 49.28 115.7)
- CMYK
- cmyk(15% 0% 50% 24%)
Tinte · Ombre · Toni
Tinte
- ADC772
- B5CE83
- BED493
- C7DAA3
- D0E0B2
- DAE7C2
- E3EDD1
- ECF3E0
- F6F9F0
Ombre
- 8EA753
- 798F46
- 647739
- 505F2D
- 3D4921
- 2B3415
- 1A200B
- 0A0E03
- 010200
Toni
- A0BA66
- 9DB46A
- 99AD6E
- 95A772
- 92A075
- 8E9A78
- 8B947A
- 878D7C
- 83877E
Armonie di colore
Complementare +180°
- A4C161
Jungle Juice
- C49FF6
≈ Lavender Cream
Analogo -30° +30°
- A4C161
Jungle Juice
- CFB148
≈ Sugar Leaves
- 6DCB8D
≈ Van Gogh Green
Triadico +120° +240°
- A4C161
Jungle Juice
- 64BCFE
≈ Hello Summer
- F790AB
≈ Unripe Strawberry
Complementare divisa +150° +210°
- A4C161
Jungle Juice
- 9BAEFF
≈ Widowmaker
- E494D6
≈ Love Dust
Tetradico +90° +180° +270°
- A4C161
Jungle Juice
- 29C8E4
≈ Picnic Day Sky
- C49FF6
≈ Lavender Cream
- FA947E
≈ Parma Ham
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.02:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.37:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.37:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--jungle-juice: #a4c161;
--jungle-juice-rgb: 164 193 97;
--jungle-juice-oklch: oklch(0.768 0.127 123.3);
}
.element {
color: var(--jungle-juice);
background-color: hsl(78 44% 57%);
border-color: oklch(0.768 0.127 123.3);
}Tailwind CSS v4
@theme {
--color-jungle-juice: #a4c161;
--color-jungle-juice-50: #ecfcd5;
--color-jungle-juice-100: #def0c2;
--color-jungle-juice-200: #c7dea3;
--color-jungle-juice-300: #a8c37a;
--color-jungle-juice-400: #90ab51;
--color-jungle-juice-500: #769320;
--color-jungle-juice-600: #647d1e;
--color-jungle-juice-700: #506418;
--color-jungle-juice-800: #3c490c;
--color-jungle-juice-900: #293208;
--color-jungle-juice-950: #171e00;
}SCSS
$jungle-juice: #a4c161;
$jungle-juice-rgb: 164, 193, 97;
$jungle-juice-light: mix(#fff, $jungle-juice, 20%);
$jungle-juice-dark: mix(#000, $jungle-juice, 20%);
.element {
color: $jungle-juice;
box-shadow: 0 0 0 2px rgba($jungle-juice, 0.35);
}