Nazwany kolor · #8AB18A
Shaded Willow
Shaded Willow to #8AB18A: rgb(138 177 138), hsl(120 20% 62%), oklch(0.721 0.07 144.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Shaded Willow color name →
#8AB18A
oklch(0.721 0.07 144.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 95B995
- A1C0A1
- ACC8AC
- B8D0B8
- C4D8C3
- CFDFCF
- DBE7DB
- E7EFE7
- F3F7F3
Odcienie ciemniejsze
- 779977
- 658365
- 536C53
- 425742
- 324232
- 222F22
- 141C14
- 070C07
- 010101
Tony
- 89AC89
- 88A788
- 88A287
- 879D86
- 869885
- 859384
- 848F83
- 828A82
- 818581
Harmonie kolorów
Komplementarna +180°
- 8AB18A
Shaded Willow
- BC96BE
≈ Dripping Wisteria
Analogowa -30° +30°
- 8AB18A
Shaded Willow
- A3AB78
≈ Mossy Cavern
- 75B4A2
≈ Turtle Lake
Triada +120° +240°
- 8AB18A
Shaded Willow
- 8FA5D2
≈ Rip Van Periwinkle
- CD948F
≈ Peach Beige
Komplementarna rozszczepiona +150° +210°
- 8AB18A
Shaded Willow
- A79DCD
≈ Imperial Lilac
- C993A7
≈ Light Mauve
Tetrada +90° +180° +270°
- 8AB18A
Shaded Willow
- 79ADCB
≈ Soul Blue
- BC96BE
≈ Dripping Wisteria
- C89A7B
≈ Desert Carnation
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.40:1 · APCA Lc 47
Ag
AAANa czerni
WCAG 8.73:1 · APCA Lc 55
Najlepszy kolor tekstu: #000000
WCAG 8.73:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmenty kodu
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);
}