Màu có tên · #536267
Gunmetal
Gunmetal là #536267: rgb(83 98 103), hsl(195 11% 36%), oklch(0.485 0.02 219.9). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Gray mean? → · Gunmetal color name →
#536267
oklch(0.485 0.02 219.9)
Chuyển đổi màu
- HEX
- #536267
- RGB
- rgb(83 98 103)
- HSL
- hsl(195 11% 36%)
- HWB
- hwb(195 33% 60%)
- OKLCH
- oklch(0.485 0.02 219.9)
- OKLab
- oklab(0.485 -0.015 -0.013)
- CIE Lab
- lab(40.41 -5.04 -4.88)
- LCH
- lch(40.41 7.01 224.1)
- CMYK
- cmyk(19% 5% 0% 60%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 637075
- 737F83
- 838E92
- 949EA1
- A5ADB0
- B6BDBF
- C8CDCF
- DADEDF
- ECEEEF
Sắc đậm
- 475459
- 3B474B
- 303A3D
- 252D30
- 1B2123
- 111617
- 080B0C
- 020304
- 000000
Sắc xám
- 576569
- 5C686C
- 606B6E
- 656E71
- 697173
- 6E7476
- 727778
- 777A7B
- 7B7D7D
Hòa sắc
Bổ túc +180°
- 536267
Gunmetal
- 6A5C57
≈ Hunting Boots
Tương đồng -30° +30°
- 536267
Gunmetal
- 536361
≈ Blue Fir
- 57606A
≈ Blue Sabre
Bộ ba +120° +240°
- 536267
Gunmetal
- 675B63
≈ Expressive Plum
- 626053
≈ Bull Kelp
Bổ túc chia +150° +210°
- 536267
Gunmetal
- 6A5B5C
≈ Zambezi
- 675D53
≈ Sausalito Ridge
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.34:1 · APCA Lc 82
Ag
FailTrên nền đen
WCAG 3.31:1 · APCA Lc 20
Màu chữ tốt nhất: #FFFFFF
WCAG 6.34:1 (AA) · APCA Lc 82
Contrast pairs
Đoạn mã
CSS
:root {
--gunmetal: #536267;
--gunmetal-rgb: 83 98 103;
--gunmetal-oklch: oklch(0.485 0.02 219.9);
}
.element {
color: var(--gunmetal);
background-color: hsl(195 11% 36%);
border-color: oklch(0.485 0.02 219.9);
}Tailwind CSS v4
@theme {
--color-gunmetal: #536267;
--color-gunmetal-50: #eff7f9;
--color-gunmetal-100: #e1e9ed;
--color-gunmetal-200: #cbd6da;
--color-gunmetal-300: #adbabf;
--color-gunmetal-400: #92a1a7;
--color-gunmetal-500: #788a8f;
--color-gunmetal-600: #667479;
--color-gunmetal-700: #515d61;
--color-gunmetal-800: #3b4447;
--color-gunmetal-900: #282f31;
--color-gunmetal-950: #161c1d;
}SCSS
$gunmetal: #536267;
$gunmetal-rgb: 83, 98, 103;
$gunmetal-light: mix(#fff, $gunmetal, 20%);
$gunmetal-dark: mix(#000, $gunmetal, 20%);
.element {
color: $gunmetal;
box-shadow: 0 0 0 2px rgba($gunmetal, 0.35);
}