Nazwany kolor · #8CB684
Aniseed Leaf Green
Aniseed Leaf Green to #8CB684: rgb(140 182 132), hsl(110 26% 62%), oklch(0.733 0.084 140.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Aniseed Leaf Green color name →
#8CB684
oklch(0.733 0.084 140.6)
Konwersje koloru
- HEX
- #8cb684
- RGB
- rgb(140 182 132)
- HSL
- hsl(110 26% 62%)
- HWB
- hwb(110 52% 29%)
- OKLCH
- oklch(0.733 0.084 140.6)
- OKLab
- oklab(0.733 -0.065 0.053)
- CIE Lab
- lab(70.01 -21.88 20.79)
- LCH
- lch(70.01 30.18 136.5)
- CMYK
- cmyk(23% 0% 27% 29%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 97BD90
- A3C59C
- AECCA8
- B9D3B4
- C5DAC1
- D0E2CD
- DCE9D9
- E8F0E6
- F3F8F2
Odcienie ciemniejsze
- 799E72
- 678660
- 556F4F
- 43593F
- 33442F
- 233020
- 141D12
- 070C06
- 010201
Tony
- 8BB184
- 8AAB84
- 89A683
- 88A083
- 879B83
- 859582
- 849082
- 838B81
- 818581
Harmonie kolorów
Komplementarna +180°
- 8CB684
Aniseed Leaf Green
- C198C9
≈ Amethyst Show
Analogowa -30° +30°
- 8CB684
Aniseed Leaf Green
- ABAE6F
≈ Wasabi Green
- 6FBAA1
≈ Arboretum
Triada +120° +240°
- 8CB684
Aniseed Leaf Green
- 8AA9DE
≈ Queer Blue
- D89392
≈ Juicy Peach
Komplementarna rozszczepiona +150° +210°
- 8CB684
Aniseed Leaf Green
- A8A0DA
≈ Simply Violet
- D293AF
≈ Moonlit Mauve
Tetrada +90° +180° +270°
- 8CB684
Aniseed Leaf Green
- 6FB3D4
≈ Skyscape
- C198C9
≈ Amethyst Show
- D49978
≈ Sweet Cardamom
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.29:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.13:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.13:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--aniseed-leaf-green: #8cb684;
--aniseed-leaf-green-rgb: 140 182 132;
--aniseed-leaf-green-oklch: oklch(0.733 0.084 140.6);
}
.element {
color: var(--aniseed-leaf-green);
background-color: hsl(110 26% 62%);
border-color: oklch(0.733 0.084 140.6);
}Tailwind CSS v4
@theme {
--color-aniseed-leaf-green: #8cb684;
--color-aniseed-leaf-green-50: #e8fce6;
--color-aniseed-leaf-green-100: #d8f0d6;
--color-aniseed-leaf-green-200: #c0debd;
--color-aniseed-leaf-green-300: #9fc39c;
--color-aniseed-leaf-green-400: #84ab7c;
--color-aniseed-leaf-green-500: #67945f;
--color-aniseed-leaf-green-600: #587d51;
--color-aniseed-leaf-green-700: #466440;
--color-aniseed-leaf-green-800: #33492d;
--color-aniseed-leaf-green-900: #23331e;
--color-aniseed-leaf-green-950: #121f0e;
}SCSS
$aniseed-leaf-green: #8cb684;
$aniseed-leaf-green-rgb: 140, 182, 132;
$aniseed-leaf-green-light: mix(#fff, $aniseed-leaf-green, 20%);
$aniseed-leaf-green-dark: mix(#000, $aniseed-leaf-green, 20%);
.element {
color: $aniseed-leaf-green;
box-shadow: 0 0 0 2px rgba($aniseed-leaf-green, 0.35);
}