이름 색상 · #8E969E
Dusky Grouse
Dusky Grouse은(는) #8E969E: rgb(142 150 158), hsl(210 8% 59%), oklch(0.669 0.015 248.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Dusky Grouse color name →
#8E969E
oklch(0.669 0.015 248.1)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 99A0A7
- A4AAB1
- AFB4BA
- BABFC4
- C5C9CD
- D0D4D7
- DCDEE1
- E7E9EB
- F3F4F5
셰이드
- 7B8289
- 686E74
- 565B60
- 44494D
- 34373A
- 242629
- 151618
- 070809
- 010101
톤
- 8D949B
- 8B9298
- 8A8F95
- 888D92
- 878B8F
- 86898C
- 848789
- 838486
- 818283
색 조화
보색 +180°
- 8E969E
Dusky Grouse
- 9B938B
≈ Tabby Cat Grey
유사색 -30° +30°
- 8E969E
Dusky Grouse
- 8B979B
≈ Radiant Silver
- 92949E
≈ Lilac Fields
삼각 배색 +120° +240°
- 8E969E
Dusky Grouse
- 9E9193
≈ Autumn Orchid
- 92978D
≈ Ceremonial Grey
분열 보색 +150° +210°
- 8E969E
Dusky Grouse
- 9E928E
≈ Mouse Catcher
- 97958B
≈ Destroyer Grey
사각 배색 +90° +180° +270°
- 8E969E
Dusky Grouse
- 9C9298
≈ Lavender Elan
- 9B938B
≈ Tabby Cat Grey
- 8E9891
≈ Green Milieu
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.99:1 · APCA Lc 57
Ag
AAA검은색 위
WCAG 7.00:1 · APCA Lc 45
가장 좋은 글자색: #000000
WCAG 7.00:1 (AAA) · APCA Lc 45
Contrast pairs
코드 스니펫
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);
}