Nächste benannte Farbe · #0E1003
#0E1003
Nächste benannte Farbe: Memorial Black
#0E1003 (rgb(14 16 3), hsl(69 68% 4%), oklch(0.166 0.028 115.7)) liegt am nächsten an der benannten Farbe Memorial Black. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#0E1003
oklch(0.166 0.028 115.7)
Farbumrechnungen
- HEX
- #0e1003
- RGB
- rgb(14 16 3)
- HSL
- hsl(69 68% 4%)
- HWB
- hwb(69 1% 94%)
- OKLCH
- oklch(0.166 0.028 115.7)
- OKLab
- oklab(0.166 -0.012 0.025)
- CIE Lab
- lab(4.29 -2.17 5.1)
- LCH
- lch(4.29 5.54 113)
- CMYK
- cmyk(12% 0% 81% 94%)
Tints · Shades · Tones
Tints
- 212315
- 35382A
- 4B4E41
- 62645A
- 7B7C73
- 94958D
- ADAFA9
- C8C9C5
- E3E4E1
Shades
- 0B0C02
- 070902
- 050601
- 030401
- 020200
- 010100
- 000000
- 000000
- 000000
Tones
- 181A0C
- 222417
- 2C2E23
- 37392F
- 43443C
- 4E5049
- 5A5B56
- 676764
- 737472
Farbharmonien
Komplementär +180°
- 0E1003
Memorial Black
- 100C19
≈ Nyctophobia
Analog -30° +30°
- 0E1003
Memorial Black
- 140E02
≈ Balsamico
- 061207
≈ Jedi Night
Triadisch +120° +240°
- 0E1003
Memorial Black
- 031019
≈ Nyctophobia
- 18090F
≈ Noir Fiction
Geteilt komplementär +150° +210°
- 0E1003
Memorial Black
- 090E1B
≈ Nyctophobia
- 150A15
≈ Noir Fiction
Tetradisch +90° +180° +270°
- 0E1003
Memorial Black
- 001214
≈ Black Glaze
- 100C19
≈ Nyctophobia
- 190908
≈ Asphalt
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 19.19:1 · APCA Lc 106
Ag
FailAuf Schwarz
WCAG 1.09:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 19.19:1 (AAA) · APCA Lc 106
Contrast pairs
Code-Snippets
CSS
:root {
--memorial-black: #0e1003;
--memorial-black-rgb: 14 16 3;
--memorial-black-oklch: oklch(0.166 0.028 115.7);
}
.element {
color: var(--memorial-black);
background-color: hsl(69 68% 4%);
border-color: oklch(0.166 0.028 115.7);
}Tailwind CSS v4
@theme {
--color-memorial-black: #0e1003;
--color-memorial-black-50: #f4f6ed;
--color-memorial-black-100: #e7e9df;
--color-memorial-black-200: #d3d6c9;
--color-memorial-black-300: #b6baaa;
--color-memorial-black-400: #9da18e;
--color-memorial-black-500: #858974;
--color-memorial-black-600: #717462;
--color-memorial-black-700: #5a5d4e;
--color-memorial-black-800: #424438;
--color-memorial-black-900: #2e2f27;
--color-memorial-black-950: #1a1b15;
}SCSS
$memorial-black: #0e1003;
$memorial-black-rgb: 14, 16, 3;
$memorial-black-light: mix(#fff, $memorial-black, 20%);
$memorial-black-dark: mix(#000, $memorial-black, 20%);
.element {
color: $memorial-black;
box-shadow: 0 0 0 2px rgba($memorial-black, 0.35);
}