En yakın adlandırılmış renk · #0F0206
#0F0206
En yakın adlandırılmış renk: Dark Matter
#0F0206 (rgb(15 2 6), hsl(342 76% 3%), oklch(0.121 0.033 356.8)) en çok Dark Matter 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.
#0F0206
oklch(0.121 0.033 356.8)
Renk dönüşümleri
- HEX
- #0f0206
- RGB
- rgb(15 2 6)
- HSL
- hsl(342 76% 3%)
- HWB
- hwb(342 1% 94%)
- OKLCH
- oklch(0.121 0.033 356.8)
- OKLab
- oklab(0.121 0.033 -0.002)
- CIE Lab
- lab(1.45 4.14 -0.19)
- LCH
- lch(1.45 4.15 357.4)
- CMYK
- cmyk(0% 87% 60% 94%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 231218
- 38282D
- 4E3F44
- 65575C
- 7D7175
- 968B8F
- AFA7AA
- C9C4C5
- E4E1E2
Koyu tonlar
- 0B0104
- 080103
- 050102
- 030001
- 020001
- 010000
- 000000
- 000000
- 000000
Gri tonlar
- 19090F
- 24151A
- 2F2025
- 3A2D31
- 453A3D
- 50474A
- 5C5557
- 686364
- 747172
Renk uyumları
Tamamlayıcı +180°
- 0F0206
Dark Matter
- 000806
≈ Black Metal
Analog -30° +30°
- 0F0206
Dark Matter
- 0C030C
≈ Broken Tube
- 100202
≈ Dark Matter
Üçlü +120° +240°
- 0F0206
Dark Matter
- 050700
≈ Melanous
- 00070E
≈ Eight Ball
Bölünmüş tamamlayıcı +150° +210°
- 0F0206
Dark Matter
- 000901
≈ Melanous
- 000809
≈ Eight Ball
Dörtlü +90° +180° +270°
- 0F0206
Dark Matter
- 090500
≈ Liquorice
- 000806
≈ Black Metal
- 020512
≈ Obsidian Shard
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 20.35:1 · APCA Lc 106
Ag
FailSiyah üzerinde
WCAG 1.03:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 20.35:1 (AAA) · APCA Lc 106
Contrast pairs
Kod parçacıkları
CSS
:root {
--dark-matter: #0f0206;
--dark-matter-rgb: 15 2 6;
--dark-matter-oklch: oklch(0.121 0.033 356.8);
}
.element {
color: var(--dark-matter);
background-color: hsl(342 76% 3%);
border-color: oklch(0.121 0.033 356.8);
}Tailwind CSS v4
@theme {
--color-dark-matter: #0f0206;
--color-dark-matter-50: #fef1f5;
--color-dark-matter-100: #f2e3e7;
--color-dark-matter-200: #e1cfd4;
--color-dark-matter-300: #c7b1b7;
--color-dark-matter-400: #b0979f;
--color-dark-matter-500: #997d86;
--color-dark-matter-600: #826a72;
--color-dark-matter-700: #68555b;
--color-dark-matter-800: #4c3e43;
--color-dark-matter-900: #352a2e;
--color-dark-matter-950: #20181b;
}SCSS
$dark-matter: #0f0206;
$dark-matter-rgb: 15, 2, 6;
$dark-matter-light: mix(#fff, $dark-matter, 20%);
$dark-matter-dark: mix(#000, $dark-matter, 20%);
.element {
color: $dark-matter;
box-shadow: 0 0 0 2px rgba($dark-matter, 0.35);
}