이름 색상 · #908982
Gunmetal Beige
Gunmetal Beige은(는) #908982: rgb(144 137 130), hsl(30 6% 54%), oklch(0.634 0.013 67.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Gunmetal Beige color name →
#908982
oklch(0.634 0.013 67.6)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 9B948E
- A59F9A
- B0ABA6
- BBB7B2
- C6C2BF
- D1CECB
- DDDAD8
- E8E6E5
- F3F3F2
셰이드
- 7D7670
- 6A645F
- 57534E
- 45423E
- 34312F
- 242220
- 151412
- 070706
- 010101
톤
- 8E8882
- 8D8782
- 8B8681
- 8A8581
- 888581
- 868481
- 858381
- 838280
- 828180
색 조화
보색 +180°
- 908982
Gunmetal Beige
- 848B92
≈ Necron Compound
유사색 -30° +30°
- 908982
Gunmetal Beige
- 928885
≈ Storm Break
- 8C8B82
≈ Naturalist Grey
삼각 배색 +120° +240°
- 908982
Gunmetal Beige
- 828D8C
≈ Gunmetal Grey
- 8C8891
≈ Horseshoe
분열 보색 +150° +210°
- 908982
Gunmetal Beige
- 828D90
≈ Necron Compound
- 888A93
≈ Sleet
사각 배색 +90° +180° +270°
- 908982
Gunmetal Beige
- 848D87
≈ Valley Floor
- 848B92
≈ Necron Compound
- 90878D
≈ Stone Haze
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.45:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 6.08:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.08:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
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);
}