이름 색상 · #A8989B
Sahara Dust
Sahara Dust은(는) #A8989B: rgb(168 152 155), hsl(349 8% 63%), oklch(0.695 0.019 4.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Sahara Dust color name →
#A8989B
oklch(0.695 0.019 4.8)
색상 변환
- HEX
- #a8989b
- RGB
- rgb(168 152 155)
- HSL
- hsl(349 8% 63%)
- HWB
- hwb(349 60% 34%)
- OKLCH
- oklch(0.695 0.019 4.8)
- OKLab
- oklab(0.695 0.019 0.002)
- CIE Lab
- lab(64.33 6.49 0.68)
- LCH
- lch(64.33 6.53 6)
- CMYK
- cmyk(0% 10% 8% 34%)
틴트 · 셰이드 · 톤
틴트
- B0A2A5
- B9ACAE
- C2B6B8
- CAC0C2
- D3CACC
- DCD5D6
- E4DFE0
- EDEAEA
- F6F4F5
셰이드
- 928486
- 7C7072
- 675C5E
- 524A4B
- 3F3839
- 2C2728
- 1A1718
- 0A0809
- 010101
톤
- A49698
- A09396
- 9C9193
- 988E90
- 948C8D
- 908A8B
- 8C8788
- 888585
- 848283
색 조화
보색 +180°
- A8989B
Sahara Dust
- 90A19E
≈ October Sky
유사색 -30° +30°
- A8989B
Sahara Dust
- A598A2
≈ Mystique
- A89995
≈ Twilight Taupe
삼각 배색 +120° +240°
- A8989B
Sahara Dust
- 9A9F92
≈ Trellised Ivy
- 939EA8
≈ Frilled Shark
분열 보색 +150° +210°
- A8989B
Sahara Dust
- 94A097
≈ Verdant Retreat
- 90A0A4
≈ Debonair
사각 배색 +90° +180° +270°
- A8989B
Sahara Dust
- A09D90
≈ Dawn
- 90A19E
≈ October Sky
- 999CA9
≈ Dame Dignity
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.75:1 · APCA Lc 53
Ag
AAA검은색 위
WCAG 7.62:1 · APCA Lc 49
가장 좋은 글자색: #000000
WCAG 7.62:1 (AAA) · APCA Lc 49
Contrast pairs
코드 스니펫
CSS
:root {
--sahara-dust: #a8989b;
--sahara-dust-rgb: 168 152 155;
--sahara-dust-oklch: oklch(0.695 0.019 4.8);
}
.element {
color: var(--sahara-dust);
background-color: hsl(349 8% 63%);
border-color: oklch(0.695 0.019 4.8);
}Tailwind CSS v4
@theme {
--color-sahara-dust: #a8989b;
--color-sahara-dust-50: #faf3f4;
--color-sahara-dust-100: #eee5e7;
--color-sahara-dust-200: #dcd1d3;
--color-sahara-dust-300: #c1b3b6;
--color-sahara-dust-400: #a99a9d;
--color-sahara-dust-500: #928184;
--color-sahara-dust-600: #7c6d70;
--color-sahara-dust-700: #63575a;
--color-sahara-dust-800: #494042;
--color-sahara-dust-900: #322c2d;
--color-sahara-dust-950: #1e191a;
}SCSS
$sahara-dust: #a8989b;
$sahara-dust-rgb: 168, 152, 155;
$sahara-dust-light: mix(#fff, $sahara-dust, 20%);
$sahara-dust-dark: mix(#000, $sahara-dust, 20%);
.element {
color: $sahara-dust;
box-shadow: 0 0 0 2px rgba($sahara-dust, 0.35);
}