Adlandırılmış renk · #8E969E
Dusky Grouse
Dusky Grouse, #8E969E: rgb(142 150 158), hsl(210 8% 59%), oklch(0.669 0.015 248.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Dusky Grouse color name →
#8E969E
oklch(0.669 0.015 248.1)
Renk dönüşümleri
- HEX
- #8e969e
- RGB
- rgb(142 150 158)
- HSL
- hsl(210 8% 59%)
- HWB
- hwb(210 56% 38%)
- OKLCH
- oklch(0.669 0.015 248.1)
- OKLab
- oklab(0.669 -0.006 -0.014)
- CIE Lab
- lab(61.62 -1.75 -5.27)
- LCH
- lch(61.62 5.55 251.6)
- CMYK
- cmyk(10% 5% 0% 38%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 99A0A7
- A4AAB1
- AFB4BA
- BABFC4
- C5C9CD
- D0D4D7
- DCDEE1
- E7E9EB
- F3F4F5
Koyu tonlar
- 7B8289
- 686E74
- 565B60
- 44494D
- 34373A
- 242629
- 151618
- 070809
- 010101
Gri tonlar
- 8D949B
- 8B9298
- 8A8F95
- 888D92
- 878B8F
- 86898C
- 848789
- 838486
- 818283
Renk uyumları
Tamamlayıcı +180°
- 8E969E
Dusky Grouse
- 9B938B
≈ Tabby Cat Grey
Analog -30° +30°
- 8E969E
Dusky Grouse
- 8B979B
≈ Radiant Silver
- 92949E
≈ Lilac Fields
Üçlü +120° +240°
- 8E969E
Dusky Grouse
- 9E9193
≈ Autumn Orchid
- 92978D
≈ Ceremonial Grey
Bölünmüş tamamlayıcı +150° +210°
- 8E969E
Dusky Grouse
- 9E928E
≈ Mouse Catcher
- 97958B
≈ Destroyer Grey
Dörtlü +90° +180° +270°
- 8E969E
Dusky Grouse
- 9C9298
≈ Lavender Elan
- 9B938B
≈ Tabby Cat Grey
- 8E9891
≈ Green Milieu
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.99:1 · APCA Lc 57
Ag
AAASiyah üzerinde
WCAG 7.00:1 · APCA Lc 45
En iyi metin rengi: #000000
WCAG 7.00:1 (AAA) · APCA Lc 45
Contrast pairs
Kod parçacıkları
CSS
:root {
--dusky-grouse: #8e969e;
--dusky-grouse-rgb: 142 150 158;
--dusky-grouse-oklch: oklch(0.669 0.015 248.1);
}
.element {
color: var(--dusky-grouse);
background-color: hsl(210 8% 59%);
border-color: oklch(0.669 0.015 248.1);
}Tailwind CSS v4
@theme {
--color-dusky-grouse: #8e969e;
--color-dusky-grouse-50: #f2f5f9;
--color-dusky-grouse-100: #e4e8ed;
--color-dusky-grouse-200: #d0d5db;
--color-dusky-grouse-300: #b2b8bf;
--color-dusky-grouse-400: #989fa7;
--color-dusky-grouse-500: #7f8790;
--color-dusky-grouse-600: #6b727a;
--color-dusky-grouse-700: #565c61;
--color-dusky-grouse-800: #3e4347;
--color-dusky-grouse-900: #2b2e31;
--color-dusky-grouse-950: #181b1d;
}SCSS
$dusky-grouse: #8e969e;
$dusky-grouse-rgb: 142, 150, 158;
$dusky-grouse-light: mix(#fff, $dusky-grouse, 20%);
$dusky-grouse-dark: mix(#000, $dusky-grouse, 20%);
.element {
color: $dusky-grouse;
box-shadow: 0 0 0 2px rgba($dusky-grouse, 0.35);
}