En yakın adlandırılmış renk · #0E0500
#0E0500
En yakın adlandırılmış renk: Blackout
#0E0500 (rgb(14 5 0), hsl(21 100% 3%), oklch(0.128 0.028 67.5)) en çok Blackout 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.
#0E0500
oklch(0.128 0.028 67.5)
Renk dönüşümleri
- HEX
- #0e0500
- RGB
- rgb(14 5 0)
- HSL
- hsl(21 100% 3%)
- HWB
- hwb(21 0% 95%)
- OKLCH
- oklch(0.128 0.028 67.5)
- OKLab
- oklab(0.128 0.011 0.026)
- CIE Lab
- lab(1.87 2.05 2.82)
- LCH
- lch(1.87 3.49 54)
- CMYK
- cmyk(0% 64% 100% 95%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 21170C
- 362C22
- 4C433A
- 635B53
- 7B746D
- 948E88
- AEA9A5
- C8C5C2
- E3E2E0
Koyu tonlar
- 0B0400
- 070300
- 050200
- 030100
- 020100
- 010000
- 000000
- 000000
- 000000
Gri tonlar
- 180E05
- 221910
- 2D251C
- 383129
- 433D36
- 4F4A44
- 5B5753
- 676461
- 737271
Renk uyumları
Tamamlayıcı +180°
- 0E0500
Blackout
- 010811
≈ Black Knight
Analog -30° +30°
- 0E0500
Blackout
- 100402
≈ Blackout
- 0A0700
≈ Blackout
Üçlü +120° +240°
- 0E0500
Blackout
- 000908
≈ Black Metal
- 0A040F
≈ Broken Tube
Bölünmüş tamamlayıcı +150° +210°
- 0E0500
Blackout
- 00090D
≈ Black Knight
- 050612
≈ Not Tonight
Dörtlü +90° +180° +270°
- 0E0500
Blackout
- 000A04
≈ Melanous
- 010811
≈ Black Knight
- 0E040B
≈ Knight Rider
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 20.18:1 · APCA Lc 106
Ag
FailSiyah üzerinde
WCAG 1.04:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 20.18:1 (AAA) · APCA Lc 106
Contrast pairs
Kod parçacıkları
CSS
:root {
--blackout: #0e0500;
--blackout-rgb: 14 5 0;
--blackout-oklch: oklch(0.128 0.028 67.5);
}
.element {
color: var(--blackout);
background-color: hsl(21 100% 3%);
border-color: oklch(0.128 0.028 67.5);
}Tailwind CSS v4
@theme {
--color-blackout: #0e0500;
--color-blackout-50: #fbf4ed;
--color-blackout-100: #eee6de;
--color-blackout-200: #dcd2c8;
--color-blackout-300: #c1b5a8;
--color-blackout-400: #aa9c8d;
--color-blackout-500: #938373;
--color-blackout-600: #7c6f61;
--color-blackout-700: #64594e;
--color-blackout-800: #494138;
--color-blackout-900: #332c26;
--color-blackout-950: #1f1a15;
}SCSS
$blackout: #0e0500;
$blackout-rgb: 14, 5, 0;
$blackout-light: mix(#fff, $blackout, 20%);
$blackout-dark: mix(#000, $blackout, 20%);
.element {
color: $blackout;
box-shadow: 0 0 0 2px rgba($blackout, 0.35);
}