이름 색상 · #8EB826
Cocktail Green
Cocktail Green은(는) #8EB826: rgb(142 184 38), hsl(77 66% 44%), oklch(0.726 0.17 125.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Cocktail Green color name →
#8EB826
oklch(0.726 0.17 125.1)
색상 변환
- HEX
- #8eb826
- RGB
- rgb(142 184 38)
- HSL
- hsl(77 66% 44%)
- HWB
- hwb(77 15% 28%)
- OKLCH
- oklch(0.726 0.17 125.1)
- OKLab
- oklab(0.726 -0.098 0.139)
- CIE Lab
- lab(69.82 -29.13 62.61)
- LCH
- lch(69.82 69.06 114.9)
- CMYK
- cmyk(23% 0% 79% 28%)
틴트 · 셰이드 · 톤
틴트
- 99BF47
- A4C760
- AFCE76
- BAD58B
- C5DC9F
- D0E4B2
- DCEAC6
- E7F1D9
- F3F8EC
셰이드
- 7BA020
- 688819
- 567113
- 445B0D
- 344508
- 243104
- 151E02
- 070C01
- 010200
톤
- 8DB339
- 8BAD46
- 8AA851
- 88A25A
- 879D62
- 869769
- 84916F
- 838C75
- 81867B
색 조화
보색 +180°
- 8EB826
Cocktail Green
- C087FB
≈ Lilac Geode
유사색 -30° +30°
- 8EB826
Cocktail Green
- C4A400
≈ La Vida
- 24C576
≈ Algal Fuel
삼각 배색 +120° +240°
- 8EB826
Cocktail Green
- 43AEFF
≈ Adamantine Blue
- FB7298
≈ Blush Hour
분열 보색 +150° +210°
- 8EB826
Cocktail Green
- 8D9EFF
≈ Periwinkle Blue
- E679D0
≈ Hibiscus Pop
사각 배색 +90° +180° +270°
- 8EB826
Cocktail Green
- 00BAD9
≈ Maldives
- C087FB
≈ Lilac Geode
- FE7958
≈ Melon
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.32:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 9.03:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 9.03:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
CSS
:root {
--cocktail-green: #8eb826;
--cocktail-green-rgb: 142 184 38;
--cocktail-green-oklch: oklch(0.726 0.17 125.1);
}
.element {
color: var(--cocktail-green);
background-color: hsl(77 66% 44%);
border-color: oklch(0.726 0.17 125.1);
}Tailwind CSS v4
@theme {
--color-cocktail-green: #8eb826;
--color-cocktail-green-50: #e8ffcb;
--color-cocktail-green-100: #d8f3b6;
--color-cocktail-green-200: #c0e292;
--color-cocktail-green-300: #a0c763;
--color-cocktail-green-400: #87af28;
--color-cocktail-green-500: #6c9700;
--color-cocktail-green-600: #5c8000;
--color-cocktail-green-700: #496700;
--color-cocktail-green-800: #384b00;
--color-cocktail-green-900: #263400;
--color-cocktail-green-950: #141f00;
}SCSS
$cocktail-green: #8eb826;
$cocktail-green-rgb: 142, 184, 38;
$cocktail-green-light: mix(#fff, $cocktail-green, 20%);
$cocktail-green-dark: mix(#000, $cocktail-green, 20%);
.element {
color: $cocktail-green;
box-shadow: 0 0 0 2px rgba($cocktail-green, 0.35);
}