Benannte Farbe · #06012C
Insomnia
Insomnia ist #06012C: rgb(6 1 44), hsl(247 96% 9%), oklch(0.145 0.085 276.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Insomnia color name →
#06012C
oklch(0.145 0.085 276.7)
Farbumrechnungen
- HEX
- #06012c
- RGB
- rgb(6 1 44)
- HSL
- hsl(247 96% 9%)
- HWB
- hwb(247 0% 83%)
- OKLCH
- oklch(0.145 0.085 276.7)
- OKLab
- oklab(0.145 0.01 -0.084)
- CIE Lab
- lab(1.94 9.86 -24.99)
- LCH
- lch(1.94 26.87 291.5)
- CMYK
- cmyk(86% 98% 0% 83%)
Tints · Shades · Tones
Tints
- 151740
- 292E54
- 404568
- 585D7D
- 717692
- 8C90A7
- A7ABBC
- C4C6D2
- E1E2E8
Shades
- 040125
- 03011E
- 020017
- 010011
- 01000A
- 000005
- 000002
- 000001
- 000000
Tones
- 0D0D35
- 17193D
- 222646
- 2E324F
- 3A3E57
- 474B5F
- 555868
- 636570
- 717278
Farbharmonien
Komplementär +180°
- 06012C
Insomnia
- 0E0A00
≈ Blackout
Analog -30° +30°
- 06012C
Insomnia
- 000B19
≈ Black Knight
- 120021
≈ Space Grey
Triadisch +120° +240°
- 06012C
Insomnia
- 1A0200
≈ Dwarf Fortress
- 000E05
≈ Blackn’t
Geteilt komplementär +150° +210°
- 06012C
Insomnia
- 130700
≈ Blackout
- 060D00
≈ Whiten’t
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 20.02:1 · APCA Lc 106
Ag
FailAuf Schwarz
WCAG 1.04:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 20.02:1 (AAA) · APCA Lc 106
Contrast pairs
Code-Snippets
CSS
:root {
--insomnia: #06012c;
--insomnia-rgb: 6 1 44;
--insomnia-oklch: oklch(0.145 0.085 276.7);
}
.element {
color: var(--insomnia);
background-color: hsl(247 96% 9%);
border-color: oklch(0.145 0.085 276.7);
}Tailwind CSS v4
@theme {
--color-insomnia: #06012c;
--color-insomnia-50: #eff3ff;
--color-insomnia-100: #e1e6ff;
--color-insomnia-200: #ccd1f9;
--color-insomnia-300: #adb4e3;
--color-insomnia-400: #919ad1;
--color-insomnia-500: #7881be;
--color-insomnia-600: #656da1;
--color-insomnia-700: #515781;
--color-insomnia-800: #3a4060;
--color-insomnia-900: #272c43;
--color-insomnia-950: #16192b;
}SCSS
$insomnia: #06012c;
$insomnia-rgb: 6, 1, 44;
$insomnia-light: mix(#fff, $insomnia, 20%);
$insomnia-dark: mix(#000, $insomnia, 20%);
.element {
color: $insomnia;
box-shadow: 0 0 0 2px rgba($insomnia, 0.35);
}