Nächste benannte Farbe · #0D0D15
#0D0D15
Nächste benannte Farbe: Midnight Oil
#0D0D15 (rgb(13 13 21), hsl(240 24% 7%), oklch(0.163 0.017 284.4)) liegt am nächsten an der benannten Farbe Midnight Oil. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#0D0D15
oklch(0.163 0.017 284.4)
Farbumrechnungen
- HEX
- #0d0d15
- RGB
- rgb(13 13 21)
- HSL
- hsl(240 24% 7%)
- HWB
- hwb(240 5% 92%)
- OKLCH
- oklch(0.163 0.017 284.4)
- OKLab
- oklab(0.163 0.004 -0.016)
- CIE Lab
- lab(3.83 1.19 -4.35)
- LCH
- lch(3.83 4.51 285.2)
- CMYK
- cmyk(38% 38% 0% 92%)
Tints · Shades · Tones
Tints
- 202028
- 34353C
- 4B4B52
- 626268
- 7A7A80
- 939398
- ADADB1
- C8C8CA
- E3E3E4
Shades
- 0A0A11
- 07070C
- 050508
- 030305
- 020203
- 010102
- 000001
- 000000
- 000000
Tones
- 17171E
- 212128
- 2B2C32
- 37373D
- 424247
- 4E4E52
- 5A5A5D
- 666669
- 737374
Farbharmonien
Komplementär +180°
- 0D0D15
Midnight Oil
- 0F0E06
≈ Balsam of Peru
Analog -30° +30°
- 0D0D15
Midnight Oil
- 090E15
≈ Midnight Oil
- 110C13
≈ Midnight Oil
Triadisch +120° +240°
- 0D0D15
Midnight Oil
- 140C08
≈ Balsamico
- 07100C
≈ Alpine Salamander
Geteilt komplementär +150° +210°
- 0D0D15
Midnight Oil
- 120D06
≈ Balsam of Peru
- 0B1008
≈ Alpine Salamander
Tetradisch +90° +180° +270°
- 0D0D15
Midnight Oil
- 150B0C
≈ Optophobia
- 0F0E06
≈ Balsam of Peru
- 051010
≈ Black Glaze
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 19.34:1 · APCA Lc 106
Ag
FailAuf Schwarz
WCAG 1.08:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 19.34:1 (AAA) · APCA Lc 106
Contrast pairs
Code-Snippets
CSS
:root {
--midnight-oil: #0d0d15;
--midnight-oil-rgb: 13 13 21;
--midnight-oil-oklch: oklch(0.163 0.017 284.4);
}
.element {
color: var(--midnight-oil);
background-color: hsl(240 24% 7%);
border-color: oklch(0.163 0.017 284.4);
}Tailwind CSS v4
@theme {
--color-midnight-oil: #0d0d15;
--color-midnight-oil-50: #f4f4fa;
--color-midnight-oil-100: #e7e7ed;
--color-midnight-oil-200: #d3d3db;
--color-midnight-oil-300: #b6b6c0;
--color-midnight-oil-400: #9d9da8;
--color-midnight-oil-500: #848591;
--color-midnight-oil-600: #70707b;
--color-midnight-oil-700: #5a5a62;
--color-midnight-oil-800: #414248;
--color-midnight-oil-900: #2d2d32;
--color-midnight-oil-950: #1a1a1e;
}SCSS
$midnight-oil: #0d0d15;
$midnight-oil-rgb: 13, 13, 21;
$midnight-oil-light: mix(#fff, $midnight-oil, 20%);
$midnight-oil-dark: mix(#000, $midnight-oil, 20%);
.element {
color: $midnight-oil;
box-shadow: 0 0 0 2px rgba($midnight-oil, 0.35);
}