Cor nomeada · #3F4952
Medium Gunship Grey
Medium Gunship Grey é #3F4952: rgb(63 73 82), hsl(208 13% 28%), oklch(0.4 0.02 245.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Medium Gunship Grey color name →
#3F4952
oklch(0.4 0.02 245.5)
Conversões de cor
- HEX
- #3f4952
- RGB
- rgb(63 73 82)
- HSL
- hsl(208 13% 28%)
- HWB
- hwb(208 25% 68%)
- OKLCH
- oklch(0.4 0.02 245.5)
- OKLab
- oklab(0.4 -0.008 -0.018)
- CIE Lab
- lab(30.38 -2.46 -6.81)
- LCH
- lch(30.38 7.24 250.2)
- CMYK
- cmyk(23% 11% 0% 68%)
Tons claros · Sombras · Tons
Tons claros
- 505962
- 626A72
- 747B82
- 868D93
- 999FA4
- ADB2B6
- C1C4C8
- D5D8DA
- EAEBEC
Sombras
- 353E46
- 2C343B
- 232A2F
- 1B2025
- 12171A
- 0A0E11
- 040608
- 010202
- 000000
Tons
- 454E56
- 4B545B
- 525960
- 585E64
- 5F6469
- 65696D
- 6C6F72
- 727577
- 797A7B
Harmonias de cor
Complementar +180°
- 3F4952
Medium Gunship Grey
- 4F463D
≈ Seaweed Wrap
Análoga -30° +30°
- 3F4952
Medium Gunship Grey
- 3C4B4F
≈ Mechanicus Standard Grey
- 444753
≈ Midnight Sky
Tríade +120° +240°
- 3F4952
Medium Gunship Grey
- 524346
≈ Rich Bordeaux
- 454A3E
≈ Foxhall Green
Complementar dividida +150° +210°
- 3F4952
Medium Gunship Grey
- 524440
≈ Manchester Brown
- 4B483C
≈ Philosophically Speaking
Tétrade +90° +180° +270°
- 3F4952
Medium Gunship Grey
- 4F444C
≈ Black Dahlia
- 4F463D
≈ Seaweed Wrap
- 3F4B43
≈ Deep Mooring
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 9.18:1 · APCA Lc 91
Ag
FailSobre preto
WCAG 2.28:1 · APCA Lc 11
Melhor cor de texto: #FFFFFF
WCAG 9.18:1 (AAA) · APCA Lc 91
Contrast pairs
Trechos de código
CSS
:root {
--medium-gunship-grey: #3f4952;
--medium-gunship-grey-rgb: 63 73 82;
--medium-gunship-grey-oklch: oklch(0.4 0.02 245.5);
}
.element {
color: var(--medium-gunship-grey);
background-color: hsl(208 13% 28%);
border-color: oklch(0.4 0.02 245.5);
}Tailwind CSS v4
@theme {
--color-medium-gunship-grey: #3f4952;
--color-medium-gunship-grey-50: #f1f6fb;
--color-medium-gunship-grey-100: #e3e9ee;
--color-medium-gunship-grey-200: #ced5dd;
--color-medium-gunship-grey-300: #b0b9c1;
--color-medium-gunship-grey-400: #95a0aa;
--color-medium-gunship-grey-500: #7c8893;
--color-medium-gunship-grey-600: #69737c;
--color-medium-gunship-grey-700: #545c63;
--color-medium-gunship-grey-800: #3d4349;
--color-medium-gunship-grey-900: #2a2e33;
--color-medium-gunship-grey-950: #171b1e;
}SCSS
$medium-gunship-grey: #3f4952;
$medium-gunship-grey-rgb: 63, 73, 82;
$medium-gunship-grey-light: mix(#fff, $medium-gunship-grey, 20%);
$medium-gunship-grey-dark: mix(#000, $medium-gunship-grey, 20%);
.element {
color: $medium-gunship-grey;
box-shadow: 0 0 0 2px rgba($medium-gunship-grey, 0.35);
}