Adlandırılmış renk · #A6A19B
Missouri Mud
Missouri Mud, #A6A19B: rgb(166 161 155), hsl(33 6% 63%), oklch(0.711 0.01 72.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Missouri Mud color name →
#A6A19B
oklch(0.711 0.01 72.6)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AFAAA5
- B7B3AE
- C0BCB8
- C9C6C2
- D2CFCC
- DBD8D6
- E4E2E0
- EDECEA
- F6F5F5
Koyu tonlar
- 908B86
- 7A7672
- 65625E
- 514E4B
- 3E3C39
- 2B2A28
- 1A1918
- 0A0909
- 010101
Gri tonlar
- A29E98
- 9E9A96
- 9A9793
- 979490
- 93908D
- 8F8D8B
- 8B8A88
- 878685
- 848383
Renk uyumları
Tamamlayıcı +180°
- A6A19B
Missouri Mud
- 9DA2A8
≈ Rough Stone
Analog -30° +30°
- A6A19B
Missouri Mud
- A8A09D
≈ Pewter Grey
- A3A29B
≈ Grey Gloss
Üçlü +120° +240°
- A6A19B
Missouri Mud
- 9BA4A4
≈ Winter Flannel
- A4A0A7
≈ Ashland Heights
Bölünmüş tamamlayıcı +150° +210°
- A6A19B
Missouri Mud
- 9BA3A7
≈ Rainmaster
- A1A1A8
≈ Masterpiece
Dörtlü +90° +180° +270°
- A6A19B
Missouri Mud
- 9CA4A0
≈ Sage Grey
- 9DA2A8
≈ Rough Stone
- A79FA4
≈ Ashland Heights
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.56:1 · APCA Lc 50
Ag
AAASiyah üzerinde
WCAG 8.19:1 · APCA Lc 52
En iyi metin rengi: #000000
WCAG 8.19:1 (AAA) · APCA Lc 52
Contrast pairs
Kod parçacıkları
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);
}