En yakın adlandırılmış renk · #0A0F02
#0A0F02
En yakın adlandırılmış renk: Memorial Black
#0A0F02 (rgb(10 15 2), hsl(83 76% 3%), oklch(0.158 0.031 124.1)) en çok Memorial Black adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#0A0F02
oklch(0.158 0.031 124.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 1D2213
- 323729
- 484D40
- 5F6458
- 787C72
- 91958C
- ACAEA8
- C7C8C4
- E3E3E1
Koyu tonlar
- 070B01
- 050801
- 030501
- 020300
- 010200
- 010100
- 000000
- 000000
- 000000
Gri tonlar
- 14190A
- 1E2315
- 292D21
- 34382E
- 40443B
- 4C4F48
- 595B55
- 666763
- 737371
Renk uyumları
Tamamlayıcı +180°
- 0A0F02
Memorial Black
- 100918
≈ Tristesse
Analog -30° +30°
- 0A0F02
Memorial Black
- 110C00
≈ Chinese Black
- 031107
≈ Jedi Night
Üçlü +120° +240°
- 0A0F02
Memorial Black
- 020E19
≈ Dark Rift
- 18070B
≈ Noir Fiction
Bölünmüş tamamlayıcı +150° +210°
- 0A0F02
Memorial Black
- 090C1A
≈ Tristesse
- 150812
≈ Noir Fiction
Dörtlü +90° +180° +270°
- 0A0F02
Memorial Black
- 001014
≈ Black Glaze
- 100918
≈ Tristesse
- 180805
≈ Asphalt
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 19.40:1 · APCA Lc 106
Ag
FailSiyah üzerinde
WCAG 1.08:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 19.40:1 (AAA) · APCA Lc 106
Contrast pairs
Kod parçacıkları
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);
}