色名 · #A4C161
Jungle Juice
Jungle Juiceは#A4C161：rgb(164 193 97)、hsl(78 44% 57%)、oklch(0.768 0.127 123.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Jungle Juice color name →
#A4C161
oklch(0.768 0.127 123.3)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- ADC772
- B5CE83
- BED493
- C7DAA3
- D0E0B2
- DAE7C2
- E3EDD1
- ECF3E0
- F6F9F0
シェード
- 8EA753
- 798F46
- 647739
- 505F2D
- 3D4921
- 2B3415
- 1A200B
- 0A0E03
- 010200
トーン
- A0BA66
- 9DB46A
- 99AD6E
- 95A772
- 92A075
- 8E9A78
- 8B947A
- 878D7C
- 83877E
カラーハーモニー
補色 +180°
- A4C161
Jungle Juice
- C49FF6
≈ Lavender Cream
類似色 -30° +30°
- A4C161
Jungle Juice
- CFB148
≈ Sugar Leaves
- 6DCB8D
≈ Van Gogh Green
トライアド +120° +240°
- A4C161
Jungle Juice
- 64BCFE
≈ Hello Summer
- F790AB
≈ Unripe Strawberry
スプリットコンプリメンタリー +150° +210°
- A4C161
Jungle Juice
- 9BAEFF
≈ Widowmaker
- E494D6
≈ Love Dust
テトラード +90° +180° +270°
- A4C161
Jungle Juice
- 29C8E4
≈ Picnic Day Sky
- C49FF6
≈ Lavender Cream
- FA947E
≈ Parma Ham
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.02:1 · APCA Lc 39
Ag
AAA黒の上
WCAG 10.37:1 · APCA Lc 63
最適な文字色: #000000
WCAG 10.37:1 (AAA) · APCA Lc 63
Contrast pairs
コードスニペット
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);
}