이름 색상 · #8DC36A
Jaunty Green
Jaunty Green은(는) #8DC36A: rgb(141 195 106), hsl(96 43% 59%), oklch(0.759 0.132 134.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Jaunty Green color name →
#8DC36A
oklch(0.759 0.132 134.2)
색상 변환
- HEX
- #8dc36a
- RGB
- rgb(141 195 106)
- HSL
- hsl(96 43% 59%)
- HWB
- hwb(96 42% 24%)
- OKLCH
- oklch(0.759 0.132 134.2)
- OKLab
- oklab(0.759 -0.092 0.095)
- CIE Lab
- lab(73.5 -30.13 38.63)
- LCH
- lch(73.5 48.99 128)
- CMYK
- cmyk(28% 0% 46% 24%)
틴트 · 셰이드 · 톤
틴트
- 98C97A
- A4CF89
- AFD598
- BADCA7
- C6E2B6
- D1E8C4
- DCEDD3
- E8F3E2
- F3F9F0
셰이드
- 7AA95B
- 67904D
- 55783F
- 446031
- 334A24
- 233418
- 14200D
- 070E04
- 010200
톤
- 8CBC6D
- 8BB671
- 8AAF73
- 89A876
- 87A278
- 869B7A
- 85947C
- 838D7D
- 82877F
색 조화
보색 +180°
- 8DC36A
Jaunty Green
- CF96EB
≈ Dream Vapour
유사색 -30° +30°
- 8DC36A
Jaunty Green
- BFB544
≈ Pesto
- 4ECB9A
≈ Mint Jelly
삼각 배색 +120° +240°
- 8DC36A
Jaunty Green
- 77B4FF
≈ French Sky Blue
- F88C97
≈ Strawberry Shortcake
분열 보색 +150° +210°
- 8DC36A
Jaunty Green
- A7A5FF
≈ Shy Moment
- EB8DC5
≈ Blushed Bombshell
사각 배색 +90° +180° +270°
- 8DC36A
Jaunty Green
- 30C2EF
≈ Clean Pool
- CF96EB
≈ Dream Vapour
- F69468
≈ Melon Red
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.06:1 · APCA Lc 40
Ag
AAA검은색 위
WCAG 10.14:1 · APCA Lc 62
가장 좋은 글자색: #000000
WCAG 10.14:1 (AAA) · APCA Lc 62
Contrast pairs
코드 스니펫
CSS
:root {
--jaunty-green: #8dc36a;
--jaunty-green-rgb: 141 195 106;
--jaunty-green-oklch: oklch(0.759 0.132 134.2);
}
.element {
color: var(--jaunty-green);
background-color: hsl(96 43% 59%);
border-color: oklch(0.759 0.132 134.2);
}Tailwind CSS v4
@theme {
--color-jaunty-green: #8dc36a;
--color-jaunty-green-50: #e4ffd9;
--color-jaunty-green-100: #d4f3c7;
--color-jaunty-green-200: #bbe2aa;
--color-jaunty-green-300: #98c783;
--color-jaunty-green-400: #7daf5c;
--color-jaunty-green-500: #5f9834;
--color-jaunty-green-600: #51812e;
--color-jaunty-green-700: #416724;
--color-jaunty-green-800: #304b16;
--color-jaunty-green-900: #21340e;
--color-jaunty-green-950: #102002;
}SCSS
$jaunty-green: #8dc36a;
$jaunty-green-rgb: 141, 195, 106;
$jaunty-green-light: mix(#fff, $jaunty-green, 20%);
$jaunty-green-dark: mix(#000, $jaunty-green, 20%);
.element {
color: $jaunty-green;
box-shadow: 0 0 0 2px rgba($jaunty-green, 0.35);
}