Color con nombre · #536267
Gunmetal
Gunmetal es #536267: rgb(83 98 103), hsl(195 11% 36%), oklch(0.485 0.02 219.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Gunmetal color name →
#536267
oklch(0.485 0.02 219.9)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- 637075
- 737F83
- 838E92
- 949EA1
- A5ADB0
- B6BDBF
- C8CDCF
- DADEDF
- ECEEEF
Sombras
- 475459
- 3B474B
- 303A3D
- 252D30
- 1B2123
- 111617
- 080B0C
- 020304
- 000000
Tonos
- 576569
- 5C686C
- 606B6E
- 656E71
- 697173
- 6E7476
- 727778
- 777A7B
- 7B7D7D
Armonías de color
Complementario +180°
- 536267
Gunmetal
- 6A5C57
≈ Hunting Boots
Análogo -30° +30°
- 536267
Gunmetal
- 536361
≈ Blue Fir
- 57606A
≈ Blue Sabre
Triádico +120° +240°
- 536267
Gunmetal
- 675B63
≈ Expressive Plum
- 626053
≈ Bull Kelp
Complementario dividido +150° +210°
- 536267
Gunmetal
- 6A5B5C
≈ Zambezi
- 675D53
≈ Sausalito Ridge
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.34:1 · APCA Lc 82
Ag
FailSobre negro
WCAG 3.31:1 · APCA Lc 20
Mejor color de texto: #FFFFFF
WCAG 6.34:1 (AA) · APCA Lc 82
Contrast pairs
Fragmentos de código
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);
}