이름 색상 · #A6A19B
Missouri Mud
Missouri Mud은(는) #A6A19B: rgb(166 161 155), hsl(33 6% 63%), oklch(0.711 0.01 72.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Missouri Mud color name →
#A6A19B
oklch(0.711 0.01 72.6)
색상 변환
- HEX
- #a6a19b
- RGB
- rgb(166 161 155)
- HSL
- hsl(33 6% 63%)
- HWB
- hwb(33 61% 35%)
- OKLCH
- oklch(0.711 0.01 72.6)
- OKLab
- oklab(0.711 0.003 0.01)
- CIE Lab
- lab(66.54 1.06 3.81)
- LCH
- lch(66.54 3.95 74.5)
- CMYK
- cmyk(0% 3% 7% 35%)
틴트 · 셰이드 · 톤
틴트
- AFAAA5
- B7B3AE
- C0BCB8
- C9C6C2
- D2CFCC
- DBD8D6
- E4E2E0
- EDECEA
- F6F5F5
셰이드
- 908B86
- 7A7672
- 65625E
- 514E4B
- 3E3C39
- 2B2A28
- 1A1918
- 0A0909
- 010101
톤
- A29E98
- 9E9A96
- 9A9793
- 979490
- 93908D
- 8F8D8B
- 8B8A88
- 878685
- 848383
색 조화
보색 +180°
- A6A19B
Missouri Mud
- 9DA2A8
≈ Rough Stone
유사색 -30° +30°
- A6A19B
Missouri Mud
- A8A09D
≈ Pewter Grey
- A3A29B
≈ Grey Gloss
삼각 배색 +120° +240°
- A6A19B
Missouri Mud
- 9BA4A4
≈ Winter Flannel
- A4A0A7
≈ Ashland Heights
분열 보색 +150° +210°
- A6A19B
Missouri Mud
- 9BA3A7
≈ Rainmaster
- A1A1A8
≈ Masterpiece
사각 배색 +90° +180° +270°
- A6A19B
Missouri Mud
- 9CA4A0
≈ Sage Grey
- 9DA2A8
≈ Rough Stone
- A79FA4
≈ Ashland Heights
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.56:1 · APCA Lc 50
Ag
AAA검은색 위
WCAG 8.19:1 · APCA Lc 52
가장 좋은 글자색: #000000
WCAG 8.19:1 (AAA) · APCA Lc 52
Contrast pairs
코드 스니펫
CSS
:root {
--missouri-mud: #a6a19b;
--missouri-mud-rgb: 166 161 155;
--missouri-mud-oklch: oklch(0.711 0.01 72.6);
}
.element {
color: var(--missouri-mud);
background-color: hsl(33 6% 63%);
border-color: oklch(0.711 0.01 72.6);
}Tailwind CSS v4
@theme {
--color-missouri-mud: #a6a19b;
--color-missouri-mud-50: #f7f5f2;
--color-missouri-mud-100: #eae7e4;
--color-missouri-mud-200: #d7d4cf;
--color-missouri-mud-300: #bbb7b2;
--color-missouri-mud-400: #a29e98;
--color-missouri-mud-500: #8a857f;
--color-missouri-mud-600: #75716b;
--color-missouri-mud-700: #5e5a56;
--color-missouri-mud-800: #45423f;
--color-missouri-mud-900: #2f2d2b;
--color-missouri-mud-950: #1c1a18;
}SCSS
$missouri-mud: #a6a19b;
$missouri-mud-rgb: 166, 161, 155;
$missouri-mud-light: mix(#fff, $missouri-mud, 20%);
$missouri-mud-dark: mix(#000, $missouri-mud, 20%);
.element {
color: $missouri-mud;
box-shadow: 0 0 0 2px rgba($missouri-mud, 0.35);
}