Najbliższy nazwany kolor · #0E0F00
#0E0F00
Najbliższy nazwany kolor: Memorial Black
#0E0F00 (rgb(14 15 0), hsl(64 100% 3%), oklch(0.162 0.036 112.4)) jest najbliższy nazwanemu kolorowi Memorial Black. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#0E0F00
oklch(0.162 0.036 112.4)
Konwersje koloru
- HEX
- #0e0f00
- RGB
- rgb(14 15 0)
- HSL
- hsl(64 100% 3%)
- HWB
- hwb(64 0% 94%)
- OKLCH
- oklch(0.162 0.036 112.4)
- OKLab
- oklab(0.162 -0.014 0.033)
- CIE Lab
- lab(3.98 -1.98 5.86)
- LCH
- lch(3.98 6.19 108.6)
- CMYK
- cmyk(7% 0% 100% 94%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 212210
- 353726
- 4B4D3D
- 626456
- 7A7C70
- 93958B
- ADAEA7
- C8C9C3
- E3E3E1
Odcienie ciemniejsze
- 0B0B00
- 070800
- 050500
- 030300
- 020200
- 010100
- 000000
- 000000
- 000000
Tony
- 171907
- 222313
- 2C2E1F
- 37382C
- 424439
- 4E4F46
- 5A5B54
- 676763
- 737371
Harmonie kolorów
Komplementarna +180°
- 0E0F00
Memorial Black
- 0E0A1C
≈ Tristesse
Analogowa -30° +30°
- 0E0F00
Memorial Black
- 150C00
≈ Balsamico
- 051104
≈ Jedi Night
Triada +120° +240°
- 0E0F00
Memorial Black
- 001019
≈ Kuretake Black Manga
- 19070F
≈ Noir Fiction
Komplementarna rozszczepiona +150° +210°
- 0E0F00
Memorial Black
- 060D1D
≈ Tristesse
- 150817
≈ Crow
Tetrada +90° +180° +270°
- 0E0F00
Memorial Black
- 001113
≈ Black Glaze
- 0E0A1C
≈ Tristesse
- 1B0707
≈ Soy Sauce
Kontrast i dostępność
Ag
AAANa bieli
WCAG 19.31:1 · APCA Lc 106
Ag
FailNa czerni
WCAG 1.08:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 19.31:1 (AAA) · APCA Lc 106
Contrast pairs
Fragmenty kodu
CSS
:root {
--memorial-black: #0e0f00;
--memorial-black-rgb: 14 15 0;
--memorial-black-oklch: oklch(0.162 0.036 112.4);
}
.element {
color: var(--memorial-black);
background-color: hsl(64 100% 3%);
border-color: oklch(0.162 0.036 112.4);
}Tailwind CSS v4
@theme {
--color-memorial-black: #0e0f00;
--color-memorial-black-50: #f5f6eb;
--color-memorial-black-100: #e7e9dc;
--color-memorial-black-200: #d3d6c5;
--color-memorial-black-300: #b7baa5;
--color-memorial-black-400: #9ea189;
--color-memorial-black-500: #86896e;
--color-memorial-black-600: #71745d;
--color-memorial-black-700: #5b5d4a;
--color-memorial-black-800: #434435;
--color-memorial-black-900: #2e2f24;
--color-memorial-black-950: #1b1b13;
}SCSS
$memorial-black: #0e0f00;
$memorial-black-rgb: 14, 15, 0;
$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);
}