Adlandırılmış renk · #9F9292
Auger Shell
Auger Shell, #9F9292: rgb(159 146 146), hsl(0 6% 60%), oklch(0.671 0.015 17.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Auger Shell color name →
#9F9292
oklch(0.671 0.015 17.5)
Renk dönüşümleri
- HEX
- #9f9292
- RGB
- rgb(159 146 146)
- HSL
- hsl(0 6% 60%)
- HWB
- hwb(0 57% 38%)
- OKLCH
- oklch(0.671 0.015 17.5)
- OKLab
- oklab(0.671 0.015 0.005)
- CIE Lab
- lab(61.71 4.98 1.84)
- LCH
- lch(61.71 5.31 20.2)
- CMYK
- cmyk(0% 8% 8% 38%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A89C9C
- B2A7A7
- BBB2B2
- C4BCBC
- CEC7C7
- D8D2D2
- E1DDDD
- EBE8E8
- F5F4F4
Koyu tonlar
- 8A7E7E
- 756B6B
- 615858
- 4D4646
- 3B3535
- 292525
- 181616
- 090808
- 010101
Gri tonlar
- 9C9090
- 998E8E
- 968D8D
- 938B8B
- 8F8989
- 8C8787
- 898585
- 868484
- 838282
Renk uyumları
Tamamlayıcı +180°
- 9F9292
Auger Shell
- 8B9999
≈ Silver Blue
Analog -30° +30°
- 9F9292
Auger Shell
- 9D9297
≈ Lavender Elan
- 9E938E
≈ Tavern Taupe
Üçlü +120° +240°
- 9F9292
Auger Shell
- 91988F
≈ Ceremonial Grey
- 90969F
≈ Grisaille
Bölünmüş tamamlayıcı +150° +210°
- 9F9292
Auger Shell
- 8D9994
≈ Evening Fog
- 8C989D
≈ By the Sea
Dörtlü +90° +180° +270°
- 9F9292
Auger Shell
- 96968C
≈ Destroyer Grey
- 8B9999
≈ Silver Blue
- 95949F
≈ Ash Violet
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.99:1 · APCA Lc 57
Ag
AAASiyah üzerinde
WCAG 7.00:1 · APCA Lc 45
En iyi metin rengi: #000000
WCAG 7.00:1 (AAA) · APCA Lc 45
Contrast pairs
Kod parçacıkları
CSS
:root {
--auger-shell: #9f9292;
--auger-shell-rgb: 159 146 146;
--auger-shell-oklch: oklch(0.671 0.015 17.5);
}
.element {
color: var(--auger-shell);
background-color: hsl(0 6% 60%);
border-color: oklch(0.671 0.015 17.5);
}Tailwind CSS v4
@theme {
--color-auger-shell: #9f9292;
--color-auger-shell-50: #faf3f3;
--color-auger-shell-100: #ede6e6;
--color-auger-shell-200: #dbd2d1;
--color-auger-shell-300: #bfb4b4;
--color-auger-shell-400: #a79b9b;
--color-auger-shell-500: #908282;
--color-auger-shell-600: #7a6e6e;
--color-auger-shell-700: #625858;
--color-auger-shell-800: #484040;
--color-auger-shell-900: #322c2c;
--color-auger-shell-950: #1e191a;
}SCSS
$auger-shell: #9f9292;
$auger-shell-rgb: 159, 146, 146;
$auger-shell-light: mix(#fff, $auger-shell, 20%);
$auger-shell-dark: mix(#000, $auger-shell, 20%);
.element {
color: $auger-shell;
box-shadow: 0 0 0 2px rgba($auger-shell, 0.35);
}