Adlandırılmış renk · #908982
Gunmetal Beige
Gunmetal Beige, #908982: rgb(144 137 130), hsl(30 6% 54%), oklch(0.634 0.013 67.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? → · Gunmetal Beige color name →
#908982
oklch(0.634 0.013 67.6)
Renk dönüşümleri
- HEX
- #908982
- RGB
- rgb(144 137 130)
- HSL
- hsl(30 6% 54%)
- HWB
- hwb(30 51% 44%)
- OKLCH
- oklch(0.634 0.013 67.6)
- OKLab
- oklab(0.634 0.005 0.012)
- CIE Lab
- lab(57.55 1.75 4.75)
- LCH
- lch(57.55 5.06 69.8)
- CMYK
- cmyk(0% 5% 10% 44%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9B948E
- A59F9A
- B0ABA6
- BBB7B2
- C6C2BF
- D1CECB
- DDDAD8
- E8E6E5
- F3F3F2
Koyu tonlar
- 7D7670
- 6A645F
- 57534E
- 45423E
- 34312F
- 242220
- 151412
- 070706
- 010101
Gri tonlar
- 8E8882
- 8D8782
- 8B8681
- 8A8581
- 888581
- 868481
- 858381
- 838280
- 828180
Renk uyumları
Tamamlayıcı +180°
- 908982
Gunmetal Beige
- 848B92
≈ Necron Compound
Analog -30° +30°
- 908982
Gunmetal Beige
- 928885
≈ Storm Break
- 8C8B82
≈ Naturalist Grey
Üçlü +120° +240°
- 908982
Gunmetal Beige
- 828D8C
≈ Gunmetal Grey
- 8C8891
≈ Horseshoe
Bölünmüş tamamlayıcı +150° +210°
- 908982
Gunmetal Beige
- 828D90
≈ Necron Compound
- 888A93
≈ Sleet
Dörtlü +90° +180° +270°
- 908982
Gunmetal Beige
- 848D87
≈ Valley Floor
- 848B92
≈ Necron Compound
- 90878D
≈ Stone Haze
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.45:1 · APCA Lc 62
Ag
AASiyah üzerinde
WCAG 6.08:1 · APCA Lc 40
En iyi metin rengi: #000000
WCAG 6.08:1 (AA) · APCA Lc 40
Contrast pairs
Kod parçacıkları
CSS
:root {
--gunmetal-beige: #908982;
--gunmetal-beige-rgb: 144 137 130;
--gunmetal-beige-oklch: oklch(0.634 0.013 67.6);
}
.element {
color: var(--gunmetal-beige);
background-color: hsl(30 6% 54%);
border-color: oklch(0.634 0.013 67.6);
}Tailwind CSS v4
@theme {
--color-gunmetal-beige: #908982;
--color-gunmetal-beige-50: #f8f4f1;
--color-gunmetal-beige-100: #ebe7e3;
--color-gunmetal-beige-200: #d8d3ce;
--color-gunmetal-beige-300: #bcb6b0;
--color-gunmetal-beige-400: #a49d96;
--color-gunmetal-beige-500: #8c857d;
--color-gunmetal-beige-600: #77706a;
--color-gunmetal-beige-700: #5f5a55;
--color-gunmetal-beige-800: #46413e;
--color-gunmetal-beige-900: #302d2a;
--color-gunmetal-beige-950: #1c1a18;
}SCSS
$gunmetal-beige: #908982;
$gunmetal-beige-rgb: 144, 137, 130;
$gunmetal-beige-light: mix(#fff, $gunmetal-beige, 20%);
$gunmetal-beige-dark: mix(#000, $gunmetal-beige, 20%);
.element {
color: $gunmetal-beige;
box-shadow: 0 0 0 2px rgba($gunmetal-beige, 0.35);
}