Nächste benannte Farbe · #0B1208
#0B1208
Nächste benannte Farbe: Blackn’t
#0B1208 (rgb(11 18 8), hsl(102 38% 5%), oklch(0.171 0.023 136.3)) liegt am nächsten an der benannten Farbe Blackn’t. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#0B1208
oklch(0.171 0.023 136.3)
Farbumrechnungen
- HEX
- #0b1208
- RGB
- rgb(11 18 8)
- HSL
- hsl(102 38% 5%)
- HWB
- hwb(102 3% 93%)
- OKLCH
- oklch(0.171 0.023 136.3)
- OKLab
- oklab(0.171 -0.017 0.016)
- CIE Lab
- lab(4.72 -3.65 3.67)
- LCH
- lch(4.72 5.18 134.9)
- CMYK
- cmyk(39% 0% 56% 93%)
Tints · Shades · Tones
Tints
- 1E251B
- 333930
- 494F47
- 60665E
- 797E77
- 929691
- ACAFAB
- C7C9C6
- E3E4E2
Shades
- 080E06
- 060A04
- 040703
- 020402
- 010201
- 010101
- 000100
- 000000
- 000000
Tones
- 151C12
- 1F251D
- 2A3028
- 353A33
- 41453F
- 4D514C
- 595C58
- 666865
- 737472
Farbharmonien
Komplementär +180°
- 0B1208
Blackn’t
- 140D16
≈ Noir Fiction
Analog -30° +30°
- 0B1208
Blackn’t
- 111005
≈ Balsam of Peru
- 06130D
≈ Jedi Night
Triadisch +120° +240°
- 0B1208
Blackn’t
- 09101A
≈ Nyctophobia
- 190B0C
≈ Optophobia
Geteilt komplementär +150° +210°
- 0B1208
Blackn’t
- 0F0E19
≈ Nyctophobia
- 170C12
≈ Optophobia
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 19.01:1 · APCA Lc 105
Ag
FailAuf Schwarz
WCAG 1.10:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 19.01:1 (AAA) · APCA Lc 105
Contrast pairs
Code-Snippets
CSS
:root {
--blackn-t: #0b1208;
--blackn-t-rgb: 11 18 8;
--blackn-t-oklch: oklch(0.171 0.023 136.3);
}
.element {
color: var(--blackn-t);
background-color: hsl(102 38% 5%);
border-color: oklch(0.171 0.023 136.3);
}Tailwind CSS v4
@theme {
--color-blackn-t: #0b1208;
--color-blackn-t-50: #f2f7f0;
--color-blackn-t-100: #e4eae2;
--color-blackn-t-200: #cfd7cd;
--color-blackn-t-300: #b2baaf;
--color-blackn-t-400: #98a294;
--color-blackn-t-500: #7f8a7b;
--color-blackn-t-600: #6c7568;
--color-blackn-t-700: #565d53;
--color-blackn-t-800: #3f443c;
--color-blackn-t-900: #2b2f29;
--color-blackn-t-950: #191c17;
}SCSS
$blackn-t: #0b1208;
$blackn-t-rgb: 11, 18, 8;
$blackn-t-light: mix(#fff, $blackn-t, 20%);
$blackn-t-dark: mix(#000, $blackn-t, 20%);
.element {
color: $blackn-t;
box-shadow: 0 0 0 2px rgba($blackn-t, 0.35);
}