En yakın adlandırılmış renk · #0C101C
#0C101C
En yakın adlandırılmış renk: Midnight Edition
#0C101C (rgb(12 16 28), hsl(225 40% 8%), oklch(0.175 0.026 269.5)) en çok Midnight Edition 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.
#0C101C
oklch(0.175 0.026 269.5)
Renk dönüşümleri
- HEX
- #0c101c
- RGB
- rgb(12 16 28)
- HSL
- hsl(225 40% 8%)
- HWB
- hwb(225 5% 89%)
- OKLCH
- oklch(0.175 0.026 269.5)
- OKLab
- oklab(0.175 0 -0.026)
- CIE Lab
- lab(4.73 0.85 -8.36)
- LCH
- lch(4.73 8.4 275.8)
- CMYK
- cmyk(57% 43% 0% 89%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 1F232F
- 343843
- 4A4E58
- 61656E
- 797C85
- 93959C
- ADAFB4
- C7C9CC
- E3E4E5
Koyu tonlar
- 090C17
- 060912
- 04060D
- 030408
- 020205
- 010102
- 000001
- 000000
- 000000
Gri tonlar
- 161A25
- 20242E
- 2B2E38
- 363942
- 41444C
- 4D5056
- 5A5B60
- 66676B
- 737475
Renk uyumları
Tamamlayıcı +180°
- 0C101C
Midnight Edition
- 151004
≈ Balsamico
Analog -30° +30°
- 0C101C
Midnight Edition
- 06121B
≈ Midnight Edition
- 120E1A
≈ Nyctophobia
Üçlü +120° +240°
- 0C101C
Midnight Edition
- 1B0C0A
≈ Scandinavian Liquorice
- 08140A
≈ Jedi Night
Bölünmüş tamamlayıcı +150° +210°
- 0C101C
Midnight Edition
- 190E05
≈ Balsamico
- 0F1206
≈ Chinese Black
Dörtlü +90° +180° +270°
- 0C101C
Midnight Edition
- 1A0C10
≈ Scandinavian Liquorice
- 151004
≈ Balsamico
- 031411
≈ Black Glaze
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 18.97:1 · APCA Lc 105
Ag
FailSiyah üzerinde
WCAG 1.10:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 18.97:1 (AAA) · APCA Lc 105
Contrast pairs
Kod parçacıkları
CSS
:root {
--midnight-edition: #0c101c;
--midnight-edition-rgb: 12 16 28;
--midnight-edition-oklch: oklch(0.175 0.026 269.5);
}
.element {
color: var(--midnight-edition);
background-color: hsl(225 40% 8%);
border-color: oklch(0.175 0.026 269.5);
}Tailwind CSS v4
@theme {
--color-midnight-edition: #0c101c;
--color-midnight-edition-50: #f2f5fd;
--color-midnight-edition-100: #e5e8f1;
--color-midnight-edition-200: #d0d4e0;
--color-midnight-edition-300: #b2b7c5;
--color-midnight-edition-400: #989eae;
--color-midnight-edition-500: #7f8698;
--color-midnight-edition-600: #6c7180;
--color-midnight-edition-700: #565b67;
--color-midnight-edition-800: #3e424c;
--color-midnight-edition-900: #2b2e35;
--color-midnight-edition-950: #181b20;
}SCSS
$midnight-edition: #0c101c;
$midnight-edition-rgb: 12, 16, 28;
$midnight-edition-light: mix(#fff, $midnight-edition, 20%);
$midnight-edition-dark: mix(#000, $midnight-edition, 20%);
.element {
color: $midnight-edition;
box-shadow: 0 0 0 2px rgba($midnight-edition, 0.35);
}