Couleur nommée la plus proche · #0E0F00
#0E0F00
Couleur nommée la plus proche: Memorial Black
#0E0F00 (rgb(14 15 0), hsl(64 100% 3%), oklch(0.162 0.036 112.4)) est la plus proche de la couleur nommée Memorial Black. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#0E0F00
oklch(0.162 0.036 112.4)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 212210
- 353726
- 4B4D3D
- 626456
- 7A7C70
- 93958B
- ADAEA7
- C8C9C3
- E3E3E1
Ombres
- 0B0B00
- 070800
- 050500
- 030300
- 020200
- 010100
- 000000
- 000000
- 000000
Tons
- 171907
- 222313
- 2C2E1F
- 37382C
- 424439
- 4E4F46
- 5A5B54
- 676763
- 737371
Harmonies de couleurs
Complémentaire +180°
- 0E0F00
Memorial Black
- 0E0A1C
≈ Tristesse
Analogue -30° +30°
- 0E0F00
Memorial Black
- 150C00
≈ Balsamico
- 051104
≈ Jedi Night
Triadique +120° +240°
- 0E0F00
Memorial Black
- 001019
≈ Kuretake Black Manga
- 19070F
≈ Noir Fiction
Complémentaire divisée +150° +210°
- 0E0F00
Memorial Black
- 060D1D
≈ Tristesse
- 150817
≈ Crow
Tétradique +90° +180° +270°
- 0E0F00
Memorial Black
- 001113
≈ Black Glaze
- 0E0A1C
≈ Tristesse
- 1B0707
≈ Soy Sauce
Contraste et accessibilité
Ag
AAASur blanc
WCAG 19.31:1 · APCA Lc 106
Ag
FailSur noir
WCAG 1.08:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 19.31:1 (AAA) · APCA Lc 106
Contrast pairs
Extraits de code
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);
}