이름 색상 · #A1A18F
Smoky Slate
Smoky Slate은(는) #A1A18F: rgb(161 161 143), hsl(60 9% 60%), oklch(0.704 0.026 107). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Smoky Slate color name →
#A1A18F
oklch(0.704 0.026 107)
색상 변환
- HEX
- #a1a18f
- RGB
- rgb(161 161 143)
- HSL
- hsl(60 9% 60%)
- HWB
- hwb(60 56% 37%)
- OKLCH
- oklch(0.704 0.026 107)
- OKLab
- oklab(0.704 -0.007 0.024)
- CIE Lab
- lab(65.86 -2.42 9.42)
- LCH
- lch(65.86 9.72 104.4)
- CMYK
- cmyk(0% 0% 11% 37%)
틴트 · 셰이드 · 톤
틴트
- AAAA9A
- B3B3A5
- BCBCAF
- C6C6BB
- CFCFC6
- D8D8D1
- E2E2DC
- ECECE8
- F5F5F3
셰이드
- 8B8B7C
- 767669
- 626257
- 4E4E45
- 3C3C34
- 2A2A24
- 191915
- 090907
- 010101
톤
- 9E9E8E
- 9A9A8C
- 97978B
- 949489
- 909088
- 8D8D86
- 8A8A85
- 868783
- 838382
색 조화
보색 +180°
- A1A18F
Smoky Slate
- 9E9EAF
≈ Santas Grey
유사색 -30° +30°
- A1A18F
Smoky Slate
- A99E8E
≈ Stonehenge Greige
- 98A494
≈ Spring Spirits
삼각 배색 +120° +240°
- A1A18F
Smoky Slate
- 90A3AC
≈ Galleria Blue
- AC9AA3
≈ Laylock
분열 보색 +150° +210°
- A1A18F
Smoky Slate
- 96A1B0
≈ Robotic Gods
- A69BAA
≈ Seeress
사각 배색 +90° +180° +270°
- A1A18F
Smoky Slate
- 8EA5A5
≈ October Sky
- 9E9EAF
≈ Santas Grey
- AF9A9A
≈ Heirloom Orchid
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.62:1 · APCA Lc 51
Ag
AAA검은색 위
WCAG 8.00:1 · APCA Lc 51
가장 좋은 글자색: #000000
WCAG 8.00:1 (AAA) · APCA Lc 51
Contrast pairs
코드 스니펫
CSS
:root {
--smoky-slate: #a1a18f;
--smoky-slate-rgb: 161 161 143;
--smoky-slate-oklch: oklch(0.704 0.026 107);
}
.element {
color: var(--smoky-slate);
background-color: hsl(60 9% 60%);
border-color: oklch(0.704 0.026 107);
}Tailwind CSS v4
@theme {
--color-smoky-slate: #a1a18f;
--color-smoky-slate-50: #f5f6ee;
--color-smoky-slate-100: #e8e9df;
--color-smoky-slate-200: #d5d5c9;
--color-smoky-slate-300: #b8b9aa;
--color-smoky-slate-400: #a0a08f;
--color-smoky-slate-500: #888874;
--color-smoky-slate-600: #737363;
--color-smoky-slate-700: #5c5c4f;
--color-smoky-slate-800: #434339;
--color-smoky-slate-900: #2f2e27;
--color-smoky-slate-950: #1b1b15;
}SCSS
$smoky-slate: #a1a18f;
$smoky-slate-rgb: 161, 161, 143;
$smoky-slate-light: mix(#fff, $smoky-slate, 20%);
$smoky-slate-dark: mix(#000, $smoky-slate, 20%);
.element {
color: $smoky-slate;
box-shadow: 0 0 0 2px rgba($smoky-slate, 0.35);
}