Màu có tên gần nhất · #101D36
#101D36
Màu có tên gần nhất: Sombre Night
#101D36 (rgb(16 29 54), hsl(219 54% 14%), oklch(0.234 0.052 262.3)) 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.
#101D36
oklch(0.234 0.052 262.3)
Chuyển đổi màu
- HEX
- #101d36
- RGB
- rgb(16 29 54)
- HSL
- hsl(219 54% 14%)
- HWB
- hwb(219 6% 79%)
- OKLCH
- oklch(0.234 0.052 262.3)
- OKLab
- oklab(0.234 -0.007 -0.051)
- CIE Lab
- lab(10.7 1.63 -18.41)
- LCH
- lch(10.7 18.48 275.1)
- CMYK
- cmyk(70% 46% 0% 79%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 233048
- 38445B
- 4E596E
- 656F81
- 7D8695
- 969DAA
- AFB4BE
- C9CDD4
- E4E6E9
Sắc đậm
- 0C182E
- 091325
- 060E1E
- 040916
- 02050F
- 010308
- 000103
- 000001
- 000000
Sắc xám
- 1A263D
- 243045
- 2F394C
- 394353
- 454C5B
- 505662
- 5C616A
- 686B71
- 747578
Hòa sắc
Bổ túc +180°
- 101D36
Sombre Night
- 291B00
≈ Cannon Black
Tương đồng -30° +30°
- 101D36
Sombre Night
- 002130
≈ Midnight Dreams
- 1F1834
≈ Dark Knight
Bộ ba +120° +240°
- 101D36
Sombre Night
- 321212
≈ Black Rooster
- 0E240C
≈ Midnight Pines
Bổ túc chia +150° +210°
- 101D36
Sombre Night
- 301604
≈ Darkout
- 1E2000
≈ Liquorice Root
Bộ bốn +90° +180° +270°
- 101D36
Sombre Night
- 301220
≈ Black Cherry
- 291B00
≈ Cannon Black
- 00241B
≈ Clock Chimes Thirteen
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 16.78:1 · APCA Lc 104
Ag
FailTrên nền đen
WCAG 1.25:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 16.78:1 (AAA) · APCA Lc 104
Contrast pairs
Đoạn mã
CSS
:root {
--sombre-night: #101d36;
--sombre-night-rgb: 16 29 54;
--sombre-night-oklch: oklch(0.234 0.052 262.3);
}
.element {
color: var(--sombre-night);
background-color: hsl(219 54% 14%);
border-color: oklch(0.234 0.052 262.3);
}Tailwind CSS v4
@theme {
--color-sombre-night: #101d36;
--color-sombre-night-50: #eef5ff;
--color-sombre-night-100: #dfe8fa;
--color-sombre-night-200: #c9d5eb;
--color-sombre-night-300: #aab8d3;
--color-sombre-night-400: #8e9fbe;
--color-sombre-night-500: #7487a9;
--color-sombre-night-600: #62728f;
--color-sombre-night-700: #4e5b73;
--color-sombre-night-800: #384355;
--color-sombre-night-900: #262e3b;
--color-sombre-night-950: #151b25;
}SCSS
$sombre-night: #101d36;
$sombre-night-rgb: 16, 29, 54;
$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);
}