Màu có tên gần nhất · #0C172D
#0C172D
Màu có tên gần nhất: Sombre Night
#0C172D (rgb(12 23 45), hsl(220 58% 11%), oklch(0.208 0.047 262.9)) gần nhất với màu có tên Sombre Night. 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.
#0C172D
oklch(0.208 0.047 262.9)
Chuyển đổi màu
- HEX
- #0c172d
- RGB
- rgb(12 23 45)
- HSL
- hsl(220 58% 11%)
- HWB
- hwb(220 5% 82%)
- OKLCH
- oklch(0.208 0.047 262.9)
- OKLab
- oklab(0.208 -0.006 -0.046)
- CIE Lab
- lab(7.72 1.66 -16.61)
- LCH
- lch(7.72 16.69 275.7)
- CMYK
- cmyk(73% 49% 0% 82%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 1F2A40
- 343F53
- 4A5467
- 626B7B
- 7A8290
- 9399A5
- ADB2BB
- C8CBD1
- E3E5E8
Sắc đậm
- 091226
- 060E1F
- 040A18
- 030611
- 02040B
- 010206
- 000102
- 000001
- 000000
Sắc xám
- 162135
- 202A3D
- 2B3445
- 363E4D
- 424956
- 4E545E
- 5A5E66
- 66696F
- 737577
Hòa sắc
Bổ túc +180°
- 0C172D
Sombre Night
- 211600
≈ Cannon Black
Tương đồng -30° +30°
- 0C172D
Sombre Night
- 001B28
≈ Oxford by Night
- 19132B
≈ Lost in Sadness
Bộ ba +120° +240°
- 0C172D
Sombre Night
- 2A0E0D
≈ Root Brew
- 091D08
≈ Clock Chimes Thirteen
Bổ túc chia +150° +210°
- 0C172D
Sombre Night
- 281102
≈ Severely Burnt Toast
- 181A00
≈ Pinch of Pepper
Bộ bốn +90° +180° +270°
- 0C172D
Sombre Night
- 280E1A
≈ Inside
- 211600
≈ Cannon Black
- 001E16
≈ Clock Chimes Thirteen
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 17.85:1 · APCA Lc 105
Ag
FailTrên nền đen
WCAG 1.17:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 17.85:1 (AAA) · APCA Lc 105
Contrast pairs
Đoạn mã
CSS
:root {
--sombre-night: #0c172d;
--sombre-night-rgb: 12 23 45;
--sombre-night-oklch: oklch(0.208 0.047 262.9);
}
.element {
color: var(--sombre-night);
background-color: hsl(220 58% 11%);
border-color: oklch(0.208 0.047 262.9);
}Tailwind CSS v4
@theme {
--color-sombre-night: #0c172d;
--color-sombre-night-50: #eff5ff;
--color-sombre-night-100: #e0e8f8;
--color-sombre-night-200: #cad4e9;
--color-sombre-night-300: #acb8d0;
--color-sombre-night-400: #909fbb;
--color-sombre-night-500: #7687a6;
--color-sombre-night-600: #64728c;
--color-sombre-night-700: #505b70;
--color-sombre-night-800: #394353;
--color-sombre-night-900: #272e3a;
--color-sombre-night-950: #151b24;
}SCSS
$sombre-night: #0c172d;
$sombre-night-rgb: 12, 23, 45;
$sombre-night-light: mix(#fff, $sombre-night, 20%);
$sombre-night-dark: mix(#000, $sombre-night, 20%);
.element {
color: $sombre-night;
box-shadow: 0 0 0 2px rgba($sombre-night, 0.35);
}