Màu có tên gần nhất · #0C101C
#0C101C
Màu có tên gần nhất: Midnight Edition
#0C101C (rgb(12 16 28), hsl(225 40% 8%), oklch(0.175 0.026 269.5)) gần nhất với màu có tên Midnight Edition. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#0C101C
oklch(0.175 0.026 269.5)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 1F232F
- 343843
- 4A4E58
- 61656E
- 797C85
- 93959C
- ADAFB4
- C7C9CC
- E3E4E5
Sắc đậm
- 090C17
- 060912
- 04060D
- 030408
- 020205
- 010102
- 000001
- 000000
- 000000
Sắc xám
- 161A25
- 20242E
- 2B2E38
- 363942
- 41444C
- 4D5056
- 5A5B60
- 66676B
- 737475
Hòa sắc
Bổ túc +180°
- 0C101C
Midnight Edition
- 151004
≈ Balsamico
Tương đồng -30° +30°
- 0C101C
Midnight Edition
- 06121B
≈ Midnight Edition
- 120E1A
≈ Nyctophobia
Bộ ba +120° +240°
- 0C101C
Midnight Edition
- 1B0C0A
≈ Scandinavian Liquorice
- 08140A
≈ Jedi Night
Bổ túc chia +150° +210°
- 0C101C
Midnight Edition
- 190E05
≈ Balsamico
- 0F1206
≈ Chinese Black
Bộ bốn +90° +180° +270°
- 0C101C
Midnight Edition
- 1A0C10
≈ Scandinavian Liquorice
- 151004
≈ Balsamico
- 031411
≈ Black Glaze
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 18.97:1 · APCA Lc 105
Ag
FailTrên nền đen
WCAG 1.10:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 18.97:1 (AAA) · APCA Lc 105
Contrast pairs
Đoạn mã
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);
}