Adlandırılmış renk · #A4C161
Jungle Juice
Jungle Juice, #A4C161: rgb(164 193 97), hsl(78 44% 57%), oklch(0.768 0.127 123.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Jungle Juice color name →
#A4C161
oklch(0.768 0.127 123.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- ADC772
- B5CE83
- BED493
- C7DAA3
- D0E0B2
- DAE7C2
- E3EDD1
- ECF3E0
- F6F9F0
Koyu tonlar
- 8EA753
- 798F46
- 647739
- 505F2D
- 3D4921
- 2B3415
- 1A200B
- 0A0E03
- 010200
Gri tonlar
- A0BA66
- 9DB46A
- 99AD6E
- 95A772
- 92A075
- 8E9A78
- 8B947A
- 878D7C
- 83877E
Renk uyumları
Tamamlayıcı +180°
- A4C161
Jungle Juice
- C49FF6
≈ Lavender Cream
Analog -30° +30°
- A4C161
Jungle Juice
- CFB148
≈ Sugar Leaves
- 6DCB8D
≈ Van Gogh Green
Üçlü +120° +240°
- A4C161
Jungle Juice
- 64BCFE
≈ Hello Summer
- F790AB
≈ Unripe Strawberry
Bölünmüş tamamlayıcı +150° +210°
- A4C161
Jungle Juice
- 9BAEFF
≈ Widowmaker
- E494D6
≈ Love Dust
Dörtlü +90° +180° +270°
- A4C161
Jungle Juice
- 29C8E4
≈ Picnic Day Sky
- C49FF6
≈ Lavender Cream
- FA947E
≈ Parma Ham
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.02:1 · APCA Lc 39
Ag
AAASiyah üzerinde
WCAG 10.37:1 · APCA Lc 63
En iyi metin rengi: #000000
WCAG 10.37:1 (AAA) · APCA Lc 63
Contrast pairs
Kod parçacıkları
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);
}