이름 색상 · #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);
}