이름 색상 · #8AB18A
Shaded Willow
Shaded Willow은(는) #8AB18A: rgb(138 177 138), hsl(120 20% 62%), oklch(0.721 0.07 144.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Shaded Willow color name →
#8AB18A
oklch(0.721 0.07 144.8)
색상 변환
- HEX
- #8ab18a
- RGB
- rgb(138 177 138)
- HSL
- hsl(120 20% 62%)
- HWB
- hwb(120 54% 31%)
- OKLCH
- oklch(0.721 0.07 144.8)
- OKLab
- oklab(0.721 -0.057 0.04)
- CIE Lab
- lab(68.54 -19.5 15.55)
- LCH
- lch(68.54 24.94 141.4)
- CMYK
- cmyk(22% 0% 22% 31%)
틴트 · 셰이드 · 톤
틴트
- 95B995
- A1C0A1
- ACC8AC
- B8D0B8
- C4D8C3
- CFDFCF
- DBE7DB
- E7EFE7
- F3F7F3
셰이드
- 779977
- 658365
- 536C53
- 425742
- 324232
- 222F22
- 141C14
- 070C07
- 010101
톤
- 89AC89
- 88A788
- 88A287
- 879D86
- 869885
- 859384
- 848F83
- 828A82
- 818581
색 조화
보색 +180°
- 8AB18A
Shaded Willow
- BC96BE
≈ Dripping Wisteria
유사색 -30° +30°
- 8AB18A
Shaded Willow
- A3AB78
≈ Mossy Cavern
- 75B4A2
≈ Turtle Lake
삼각 배색 +120° +240°
- 8AB18A
Shaded Willow
- 8FA5D2
≈ Rip Van Periwinkle
- CD948F
≈ Peach Beige
분열 보색 +150° +210°
- 8AB18A
Shaded Willow
- A79DCD
≈ Imperial Lilac
- C993A7
≈ Light Mauve
사각 배색 +90° +180° +270°
- 8AB18A
Shaded Willow
- 79ADCB
≈ Soul Blue
- BC96BE
≈ Dripping Wisteria
- C89A7B
≈ Desert Carnation
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.40:1 · APCA Lc 47
Ag
AAA검은색 위
WCAG 8.73:1 · APCA Lc 55
가장 좋은 글자색: #000000
WCAG 8.73:1 (AAA) · APCA Lc 55
Contrast pairs
코드 스니펫
CSS
:root {
--shaded-willow: #8ab18a;
--shaded-willow-rgb: 138 177 138;
--shaded-willow-oklch: oklch(0.721 0.07 144.8);
}
.element {
color: var(--shaded-willow);
background-color: hsl(120 20% 62%);
border-color: oklch(0.721 0.07 144.8);
}Tailwind CSS v4
@theme {
--color-shaded-willow: #8ab18a;
--color-shaded-willow-50: #e9fbea;
--color-shaded-willow-100: #d9efdb;
--color-shaded-willow-200: #c2ddc3;
--color-shaded-willow-300: #a1c2a3;
--color-shaded-willow-400: #85aa85;
--color-shaded-willow-500: #699369;
--color-shaded-willow-600: #597c59;
--color-shaded-willow-700: #476347;
--color-shaded-willow-800: #344932;
--color-shaded-willow-900: #233222;
--color-shaded-willow-950: #121e11;
}SCSS
$shaded-willow: #8ab18a;
$shaded-willow-rgb: 138, 177, 138;
$shaded-willow-light: mix(#fff, $shaded-willow, 20%);
$shaded-willow-dark: mix(#000, $shaded-willow, 20%);
.element {
color: $shaded-willow;
box-shadow: 0 0 0 2px rgba($shaded-willow, 0.35);
}