Benannte Farbe · #8896AA
Norwegian Night
Norwegian Night ist #8896AA: rgb(136 150 170), hsl(215 17% 60%), oklch(0.669 0.034 257.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Norwegian Night color name →
#8896AA
oklch(0.669 0.034 257.3)
Farbumrechnungen
- HEX
- #8896aa
- RGB
- rgb(136 150 170)
- HSL
- hsl(215 17% 60%)
- HWB
- hwb(215 53% 33%)
- OKLCH
- oklch(0.669 0.034 257.3)
- OKLab
- oklab(0.669 -0.007 -0.033)
- CIE Lab
- lab(61.46 -1.88 -12.31)
- LCH
- lch(61.46 12.45 261.3)
- CMYK
- cmyk(20% 12% 0% 33%)
Tints · Shades · Tones
Tints
- 93A0B2
- 9FAABB
- AAB4C3
- B6BFCB
- C2C9D4
- CED4DC
- DADFE5
- E6E9EE
- F3F4F6
Shades
- 758293
- 636E7D
- 525B68
- 414953
- 31373F
- 22262D
- 13161B
- 06080B
- 010101
Tones
- 8794A6
- 8692A2
- 868F9D
- 858D99
- 848B95
- 838991
- 82878D
- 828488
- 818284
Farbharmonien
Komplementär +180°
- 8896AA
Norwegian Night
- A1937E
≈ Weather Board
Analog -30° +30°
- 8896AA
Norwegian Night
- 8099A5
≈ Beach Umbrella
- 9392A9
≈ Cosmic Energy
Triadisch +120° +240°
- 8896AA
Norwegian Night
- A98D8D
≈ Delicate Brown
- 8B9A86
≈ Linden Spear
Geteilt komplementär +150° +210°
- 8896AA
Norwegian Night
- A78F83
≈ Tanglewood
- 97977F
≈ Canyon Falls
Tetradisch +90° +180° +270°
- 8896AA
Norwegian Night
- A58D99
≈ Gothic Amethyst
- A1937E
≈ Weather Board
- 829C91
≈ Mother Earth
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.00:1 · APCA Lc 57
Ag
AAAuf Schwarz
WCAG 6.98:1 · APCA Lc 45
Beste Textfarbe: #000000
WCAG 6.98:1 (AA) · APCA Lc 45
Contrast pairs
Code-Snippets
CSS
:root {
--norwegian-night: #8896aa;
--norwegian-night-rgb: 136 150 170;
--norwegian-night-oklch: oklch(0.669 0.034 257.3);
}
.element {
color: var(--norwegian-night);
background-color: hsl(215 17% 60%);
border-color: oklch(0.669 0.034 257.3);
}Tailwind CSS v4
@theme {
--color-norwegian-night: #8896aa;
--color-norwegian-night-50: #eff6ff;
--color-norwegian-night-100: #e1e8f3;
--color-norwegian-night-200: #ccd5e3;
--color-norwegian-night-300: #adb8c9;
--color-norwegian-night-400: #92a0b3;
--color-norwegian-night-500: #78879d;
--color-norwegian-night-600: #667385;
--color-norwegian-night-700: #515c6a;
--color-norwegian-night-800: #3b434e;
--color-norwegian-night-900: #282e36;
--color-norwegian-night-950: #161b21;
}SCSS
$norwegian-night: #8896aa;
$norwegian-night-rgb: 136, 150, 170;
$norwegian-night-light: mix(#fff, $norwegian-night, 20%);
$norwegian-night-dark: mix(#000, $norwegian-night, 20%);
.element {
color: $norwegian-night;
box-shadow: 0 0 0 2px rgba($norwegian-night, 0.35);
}