Benannte Farbe · #1E488F
Nuit Blanche
Nuit Blanche ist #1E488F: rgb(30 72 143), hsl(218 65% 34%), oklch(0.414 0.127 260.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Nuit Blanche color name →
#1E488F
oklch(0.414 0.127 260.3)
Farbumrechnungen
- HEX
- #1e488f
- RGB
- rgb(30 72 143)
- HSL
- hsl(218 65% 34%)
- HWB
- hwb(218 12% 44%)
- OKLCH
- oklch(0.414 0.127 260.3)
- OKLab
- oklab(0.414 -0.021 -0.125)
- CIE Lab
- lab(30.88 6.44 -44.42)
- LCH
- lch(30.88 44.88 278.2)
- CMYK
- cmyk(79% 50% 0% 44%)
Tints · Shades · Tones
Tints
- 345A9B
- 496CA7
- 5E7EB2
- 7490BD
- 8AA2C9
- A0B4D4
- B7C6DF
- CFD9EA
- E7ECF4
Shades
- 193D7C
- 133369
- 0E2957
- 091F45
- 051634
- 030D24
- 010615
- 000207
- 000001
Tones
- 294E8E
- 33558D
- 3D5A8C
- 46608B
- 50668A
- 5A6B88
- 637187
- 6D7685
- 767B82
Farbharmonien
Komplementär +180°
- 1E488F
Nuit Blanche
- 634500
≈ Notorious Neanderthal
Analog -30° +30°
- 1E488F
Nuit Blanche
- 005370
≈ Night Kite
- 4D3B8A
≈ Blue Gem
Triadisch +120° +240°
- 1E488F
Nuit Blanche
- 82252D
≈ Red Dahlia
- 1B5B0A
≈ Lincoln Green
Geteilt komplementär +150° +210°
- 1E488F
Nuit Blanche
- 783500
≈ Bay Brown
- 4F4F00
≈ Scorzonera Brown
Tetradisch +90° +180° +270°
- 1E488F
Nuit Blanche
- 7B2755
≈ Pico Eggplant
- 634500
≈ Notorious Neanderthal
- 005945
≈ Forest Shadows
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.82:1 · APCA Lc 90
Ag
FailAuf Schwarz
WCAG 2.37:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 8.82:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--nuit-blanche: #1e488f;
--nuit-blanche-rgb: 30 72 143;
--nuit-blanche-oklch: oklch(0.414 0.127 260.3);
}
.element {
color: var(--nuit-blanche);
background-color: hsl(218 65% 34%);
border-color: oklch(0.414 0.127 260.3);
}Tailwind CSS v4
@theme {
--color-nuit-blanche: #1e488f;
--color-nuit-blanche-50: #e2f6ff;
--color-nuit-blanche-100: #d1e9ff;
--color-nuit-blanche-200: #b7d5ff;
--color-nuit-blanche-300: #94b8f9;
--color-nuit-blanche-400: #729fe9;
--color-nuit-blanche-500: #5385d9;
--color-nuit-blanche-600: #4670b7;
--color-nuit-blanche-700: #385a93;
--color-nuit-blanche-800: #25426e;
--color-nuit-blanche-900: #192e4d;
--color-nuit-blanche-950: #0a1a33;
}SCSS
$nuit-blanche: #1e488f;
$nuit-blanche-rgb: 30, 72, 143;
$nuit-blanche-light: mix(#fff, $nuit-blanche, 20%);
$nuit-blanche-dark: mix(#000, $nuit-blanche, 20%);
.element {
color: $nuit-blanche;
box-shadow: 0 0 0 2px rgba($nuit-blanche, 0.35);
}