이름 색상 · #848472
Hanover Pewter
Hanover Pewter은(는) #848472: rgb(132 132 114), hsl(60 7% 48%), oklch(0.608 0.026 107.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Hanover Pewter color name →
#848472
oklch(0.608 0.026 107.2)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 90907F
- 9B9B8D
- A7A79A
- B3B3A8
- C0C0B6
- CCCCC4
- D9D9D3
- E5E5E1
- F2F2F0
셰이드
- 727262
- 606053
- 4F4F44
- 3F3F36
- 2F2F28
- 20201B
- 12120E
- 060604
- 010101
톤
- 848473
- 838375
- 838376
- 828278
- 828279
- 82827B
- 81817C
- 81817D
- 80807F
색 조화
보색 +180°
- 848472
Hanover Pewter
- 818192
≈ Metro
유사색 -30° +30°
- 848472
Hanover Pewter
- 8C8171
≈ Mocha Accent
- 7B8777
≈ Privilege Green
삼각 배색 +120° +240°
- 848472
Hanover Pewter
- 73868F
≈ Adirondack Blue
- 8F7D86
≈ Iced Orchid
분열 보색 +150° +210°
- 848472
Hanover Pewter
- 798493
≈ Stowaway
- 897E8D
≈ Mediaeval Wine
사각 배색 +90° +180° +270°
- 848472
Hanover Pewter
- 718888
≈ Deep Thoughts
- 818192
≈ Metro
- 927D7D
≈ Warplock Bronze Metal
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.80:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.52:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.52:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
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);
}