Adlandırılmış renk · #848472
Hanover Pewter
Hanover Pewter, #848472: rgb(132 132 114), hsl(60 7% 48%), oklch(0.608 0.026 107.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Hanover Pewter color name →
#848472
oklch(0.608 0.026 107.2)
Renk dönüşümleri
- HEX
- #848472
- RGB
- rgb(132 132 114)
- HSL
- hsl(60 7% 48%)
- HWB
- hwb(60 45% 48%)
- OKLCH
- oklch(0.608 0.026 107.2)
- OKLab
- oklab(0.608 -0.008 0.025)
- CIE Lab
- lab(54.76 -2.48 9.77)
- LCH
- lch(54.76 10.08 104.2)
- CMYK
- cmyk(0% 0% 14% 48%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 90907F
- 9B9B8D
- A7A79A
- B3B3A8
- C0C0B6
- CCCCC4
- D9D9D3
- E5E5E1
- F2F2F0
Koyu tonlar
- 727262
- 606053
- 4F4F44
- 3F3F36
- 2F2F28
- 20201B
- 12120E
- 060604
- 010101
Gri tonlar
- 848473
- 838375
- 838376
- 828278
- 828279
- 82827B
- 81817C
- 81817D
- 80807F
Renk uyumları
Tamamlayıcı +180°
- 848472
Hanover Pewter
- 818192
≈ Metro
Analog -30° +30°
- 848472
Hanover Pewter
- 8C8171
≈ Mocha Accent
- 7B8777
≈ Privilege Green
Üçlü +120° +240°
- 848472
Hanover Pewter
- 73868F
≈ Adirondack Blue
- 8F7D86
≈ Iced Orchid
Bölünmüş tamamlayıcı +150° +210°
- 848472
Hanover Pewter
- 798493
≈ Stowaway
- 897E8D
≈ Mediaeval Wine
Dörtlü +90° +180° +270°
- 848472
Hanover Pewter
- 718888
≈ Deep Thoughts
- 818192
≈ Metro
- 927D7D
≈ Warplock Bronze Metal
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.80:1 · APCA Lc 66
Ag
AASiyah üzerinde
WCAG 5.52:1 · APCA Lc 36
En iyi metin rengi: #000000
WCAG 5.52:1 (AA) · APCA Lc 36
Contrast pairs
Kod parçacıkları
CSS
:root {
--hanover-pewter: #848472;
--hanover-pewter-rgb: 132 132 114;
--hanover-pewter-oklch: oklch(0.608 0.026 107.2);
}
.element {
color: var(--hanover-pewter);
background-color: hsl(60 7% 48%);
border-color: oklch(0.608 0.026 107.2);
}Tailwind CSS v4
@theme {
--color-hanover-pewter: #848472;
--color-hanover-pewter-50: #f5f6ed;
--color-hanover-pewter-100: #e8e9df;
--color-hanover-pewter-200: #d5d5c9;
--color-hanover-pewter-300: #b8b9aa;
--color-hanover-pewter-400: #a0a08e;
--color-hanover-pewter-500: #888874;
--color-hanover-pewter-600: #737362;
--color-hanover-pewter-700: #5c5c4e;
--color-hanover-pewter-800: #434339;
--color-hanover-pewter-900: #2f2e27;
--color-hanover-pewter-950: #1b1b15;
}SCSS
$hanover-pewter: #848472;
$hanover-pewter-rgb: 132, 132, 114;
$hanover-pewter-light: mix(#fff, $hanover-pewter, 20%);
$hanover-pewter-dark: mix(#000, $hanover-pewter, 20%);
.element {
color: $hanover-pewter;
box-shadow: 0 0 0 2px rgba($hanover-pewter, 0.35);
}