Nazwany kolor · #8E9985
Linden Spear
Linden Spear to #8E9985: rgb(142 153 133), hsl(93 9% 56%), oklch(0.668 0.031 130.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Linden Spear color name →
#8E9985
oklch(0.668 0.031 130.9)
Konwersje koloru
- HEX
- #8e9985
- RGB
- rgb(142 153 133)
- HSL
- hsl(93 9% 56%)
- HWB
- hwb(93 52% 40%)
- OKLCH
- oklch(0.668 0.031 130.9)
- OKLab
- oklab(0.668 -0.021 0.024)
- CIE Lab
- lab(61.89 -6.95 9.14)
- LCH
- lch(61.89 11.48 127.2)
- CMYK
- cmyk(7% 0% 13% 40%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 99A391
- A4AD9C
- AFB7A8
- BAC1B4
- C5CBC0
- D0D5CD
- DCDFD9
- E7EAE6
- F3F4F2
Odcienie ciemniejsze
- 7B8473
- 687061
- 565D50
- 444A40
- 343830
- 242721
- 151713
- 070806
- 010101
Tony
- 8D9685
- 8B9484
- 8A9184
- 888F83
- 878C83
- 868A82
- 848782
- 838581
- 818281
Harmonie kolorów
Komplementarna +180°
- 8E9985
Linden Spear
- 9B90A3
≈ Amethyst Phlox
Analogowa -30° +30°
- 8E9985
Linden Spear
- 999680
≈ Union Springs
- 859B8E
≈ Mother Earth
Triada +120° +240°
- 8E9985
Linden Spear
- 8797A8
≈ Norwegian Night
- A78D90
≈ Delicate Brown
Komplementarna rozszczepiona +150° +210°
- 8E9985
Linden Spear
- 9193A8
≈ Cosmic Energy
- A38D9B
≈ Cut Heather
Tetrada +90° +180° +270°
- 8E9985
Linden Spear
- 809AA2
≈ Miles
- 9B90A3
≈ Amethyst Phlox
- A78F86
≈ Tanglewood
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.98:1 · APCA Lc 56
Ag
AAANa czerni
WCAG 7.04:1 · APCA Lc 45
Najlepszy kolor tekstu: #000000
WCAG 7.04:1 (AAA) · APCA Lc 45
Contrast pairs
Fragmenty kodu
CSS
:root {
--linden-spear: #8e9985;
--linden-spear-rgb: 142 153 133;
--linden-spear-oklch: oklch(0.668 0.031 130.9);
}
.element {
color: var(--linden-spear);
background-color: hsl(93 9% 56%);
border-color: oklch(0.668 0.031 130.9);
}Tailwind CSS v4
@theme {
--color-linden-spear: #8e9985;
--color-linden-spear-50: #f2f7ee;
--color-linden-spear-100: #e4eae0;
--color-linden-spear-200: #cfd7ca;
--color-linden-spear-300: #b1bbab;
--color-linden-spear-400: #98a38f;
--color-linden-spear-500: #7f8b75;
--color-linden-spear-600: #6b7563;
--color-linden-spear-700: #565e4f;
--color-linden-spear-800: #3f4539;
--color-linden-spear-900: #2b2f27;
--color-linden-spear-950: #191c15;
}SCSS
$linden-spear: #8e9985;
$linden-spear-rgb: 142, 153, 133;
$linden-spear-light: mix(#fff, $linden-spear, 20%);
$linden-spear-dark: mix(#000, $linden-spear, 20%);
.element {
color: $linden-spear;
box-shadow: 0 0 0 2px rgba($linden-spear, 0.35);
}