Colore con nome · #404149
Napoleon
Napoleon è #404149: rgb(64 65 73), hsl(233 7% 27%), oklch(0.377 0.014 280.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Napoleon color name →
#404149
oklch(0.377 0.014 280.1)
Conversioni di colore
- HEX
- #404149
- RGB
- rgb(64 65 73)
- HSL
- hsl(233 7% 27%)
- HWB
- hwb(233 25% 71%)
- OKLCH
- oklch(0.377 0.014 280.1)
- OKLab
- oklab(0.377 0.002 -0.013)
- CIE Lab
- lab(27.67 0.99 -5.02)
- LCH
- lch(27.67 5.12 281.1)
- CMYK
- cmyk(12% 11% 0% 71%)
Tinte · Ombre · Toni
Tinte
- 515259
- 62636A
- 74757B
- 87888D
- 9A9A9F
- ADAEB2
- C1C2C4
- D5D6D8
- EAEAEB
Ombre
- 36373E
- 2D2E34
- 24252A
- 1B1C20
- 131317
- 0B0B0E
- 050506
- 010102
- 000000
Toni
- 46474E
- 4C4D54
- 525359
- 59595E
- 5F6064
- 656669
- 6C6C6F
- 737375
- 79797A
Armonie di colore
Complementare +180°
- 404149
Napoleon
- 43423A
≈ Pasilla Chiles
Analogo -30° +30°
- 404149
Napoleon
- 3C4249
≈ Chimney Smoke
- 444047
≈ Deep Galaxy
Triadico +120° +240°
- 404149
Napoleon
- 483F3C
≈ Wild Truffle
- 3C443F
≈ Deep Forest
Complementare divisa +150° +210°
- 404149
Napoleon
- 46413A
≈ Skavenblight Dinge
- 3F433C
≈ Forest Night
Tetradico +90° +180° +270°
- 404149
Napoleon
- 493F40
≈ Shale
- 43423A
≈ Pasilla Chiles
- 3A4443
≈ Refined Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.14:1 · APCA Lc 94
Ag
FailSu nero
WCAG 2.07:1 · APCA Lc 9
Miglior colore del testo: #FFFFFF
WCAG 10.14:1 (AAA) · APCA Lc 94
Contrast pairs
Frammenti di codice
CSS
:root {
--napoleon: #404149;
--napoleon-rgb: 64 65 73;
--napoleon-oklch: oklch(0.377 0.014 280.1);
}
.element {
color: var(--napoleon);
background-color: hsl(233 7% 27%);
border-color: oklch(0.377 0.014 280.1);
}Tailwind CSS v4
@theme {
--color-napoleon: #404149;
--color-napoleon-50: #f4f5f9;
--color-napoleon-100: #e7e7ec;
--color-napoleon-200: #d3d4da;
--color-napoleon-300: #b6b7be;
--color-napoleon-400: #9c9ea7;
--color-napoleon-500: #84858f;
--color-napoleon-600: #707179;
--color-napoleon-700: #595a61;
--color-napoleon-800: #414247;
--color-napoleon-900: #2d2e31;
--color-napoleon-950: #1a1a1d;
}SCSS
$napoleon: #404149;
$napoleon-rgb: 64, 65, 73;
$napoleon-light: mix(#fff, $napoleon, 20%);
$napoleon-dark: mix(#000, $napoleon, 20%);
.element {
color: $napoleon;
box-shadow: 0 0 0 2px rgba($napoleon, 0.35);
}