Benannte Farbe · #404149
Napoleon
Napoleon ist #404149: rgb(64 65 73), hsl(233 7% 27%), oklch(0.377 0.014 280.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Napoleon color name →
#404149
oklch(0.377 0.014 280.1)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 515259
- 62636A
- 74757B
- 87888D
- 9A9A9F
- ADAEB2
- C1C2C4
- D5D6D8
- EAEAEB
Shades
- 36373E
- 2D2E34
- 24252A
- 1B1C20
- 131317
- 0B0B0E
- 050506
- 010102
- 000000
Tones
- 46474E
- 4C4D54
- 525359
- 59595E
- 5F6064
- 656669
- 6C6C6F
- 737375
- 79797A
Farbharmonien
Komplementär +180°
- 404149
Napoleon
- 43423A
≈ Pasilla Chiles
Analog -30° +30°
- 404149
Napoleon
- 3C4249
≈ Chimney Smoke
- 444047
≈ Deep Galaxy
Triadisch +120° +240°
- 404149
Napoleon
- 483F3C
≈ Wild Truffle
- 3C443F
≈ Deep Forest
Geteilt komplementär +150° +210°
- 404149
Napoleon
- 46413A
≈ Skavenblight Dinge
- 3F433C
≈ Forest Night
Tetradisch +90° +180° +270°
- 404149
Napoleon
- 493F40
≈ Shale
- 43423A
≈ Pasilla Chiles
- 3A4443
≈ Refined Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.14:1 · APCA Lc 94
Ag
FailAuf Schwarz
WCAG 2.07:1 · APCA Lc 9
Beste Textfarbe: #FFFFFF
WCAG 10.14:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
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);
}