Couleur nommée la plus proche · #0A0F02
#0A0F02
Couleur nommée la plus proche: Memorial Black
#0A0F02 (rgb(10 15 2), hsl(83 76% 3%), oklch(0.158 0.031 124.1)) 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.
#0A0F02
oklch(0.158 0.031 124.1)
Conversions de couleur
- HEX
- #0a0f02
- RGB
- rgb(10 15 2)
- HSL
- hsl(83 76% 3%)
- HWB
- hwb(83 1% 94%)
- OKLCH
- oklch(0.158 0.031 124.1)
- OKLab
- oklab(0.158 -0.018 0.026)
- CIE Lab
- lab(3.74 -2.98 4.67)
- LCH
- lch(3.74 5.54 122.6)
- CMYK
- cmyk(33% 0% 87% 94%)
Teintes · Ombres · Tons
Teintes
- 1D2213
- 323729
- 484D40
- 5F6458
- 787C72
- 91958C
- ACAEA8
- C7C8C4
- E3E3E1
Ombres
- 070B01
- 050801
- 030501
- 020300
- 010200
- 010100
- 000000
- 000000
- 000000
Tons
- 14190A
- 1E2315
- 292D21
- 34382E
- 40443B
- 4C4F48
- 595B55
- 666763
- 737371
Harmonies de couleurs
Complémentaire +180°
- 0A0F02
Memorial Black
- 100918
≈ Tristesse
Analogue -30° +30°
- 0A0F02
Memorial Black
- 110C00
≈ Chinese Black
- 031107
≈ Jedi Night
Triadique +120° +240°
- 0A0F02
Memorial Black
- 020E19
≈ Dark Rift
- 18070B
≈ Noir Fiction
Complémentaire divisée +150° +210°
- 0A0F02
Memorial Black
- 090C1A
≈ Tristesse
- 150812
≈ Noir Fiction
Tétradique +90° +180° +270°
- 0A0F02
Memorial Black
- 001014
≈ Black Glaze
- 100918
≈ Tristesse
- 180805
≈ Asphalt
Contraste et accessibilité
Ag
AAASur blanc
WCAG 19.40:1 · APCA Lc 106
Ag
FailSur noir
WCAG 1.08:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 19.40:1 (AAA) · APCA Lc 106
Contrast pairs
Extraits de code
CSS
:root {
--memorial-black: #0a0f02;
--memorial-black-rgb: 10 15 2;
--memorial-black-oklch: oklch(0.158 0.031 124.1);
}
.element {
color: var(--memorial-black);
background-color: hsl(83 76% 3%);
border-color: oklch(0.158 0.031 124.1);
}Tailwind CSS v4
@theme {
--color-memorial-black: #0a0f02;
--color-memorial-black-50: #f3f7ed;
--color-memorial-black-100: #e5eadf;
--color-memorial-black-200: #d1d7c9;
--color-memorial-black-300: #b3bba9;
--color-memorial-black-400: #9aa28e;
--color-memorial-black-500: #828a73;
--color-memorial-black-600: #6e7562;
--color-memorial-black-700: #585d4e;
--color-memorial-black-800: #404438;
--color-memorial-black-900: #2c2f26;
--color-memorial-black-950: #191c15;
}SCSS
$memorial-black: #0a0f02;
$memorial-black-rgb: 10, 15, 2;
$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);
}