Màu có tên gần nhất · #110B14
#110B14
Màu có tên gần nhất: Back in Black
#110B14 (rgb(17 11 20), hsl(280 29% 6%), oklch(0.162 0.021 314.2)) gần nhất với màu có tên Back in Black. 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.
#110B14
oklch(0.162 0.021 314.2)
Chuyển đổi màu
- HEX
- #110b14
- RGB
- rgb(17 11 20)
- HSL
- hsl(280 29% 6%)
- HWB
- hwb(280 4% 92%)
- OKLCH
- oklch(0.162 0.021 314.2)
- OKLab
- oklab(0.162 0.015 -0.015)
- CIE Lab
- lab(3.68 3.27 -3.85)
- LCH
- lch(3.68 5.05 310.3)
- CMYK
- cmyk(15% 45% 0% 92%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 241E27
- 38333B
- 4E4951
- 656068
- 7D797F
- 959297
- AFACB0
- C9C7CA
- E4E3E4
Sắc đậm
- 0D0810
- 09060C
- 060408
- 040205
- 020103
- 010101
- 000001
- 000000
- 000000
Sắc xám
- 1B151D
- 241F27
- 2F2A31
- 3A353C
- 454147
- 504D52
- 5C595D
- 686668
- 747374
Hòa sắc
Bổ túc +180°
- 110B14
Back in Black
- 0A1007
≈ Alpine Salamander
Tương đồng -30° +30°
- 110B14
Back in Black
- 0D0C16
≈ Midnight Oil
- 140A10
≈ Noir Fiction
Bộ ba +120° +240°
- 110B14
Back in Black
- 130C04
≈ Balsam of Peru
- 031110
≈ Black Glaze
Bổ túc chia +150° +210°
- 110B14
Back in Black
- 0F0E05
≈ Balsam of Peru
- 05110B
≈ Alpine Salamander
Bộ bốn +90° +180° +270°
- 110B14
Back in Black
- 150B07
≈ Asphalt
- 0A1007
≈ Alpine Salamander
- 041014
≈ Black Glaze
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 19.41:1 · APCA Lc 106
Ag
FailTrên nền đen
WCAG 1.08:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 19.41:1 (AAA) · APCA Lc 106
Contrast pairs
Đoạn mã
CSS
:root {
--back-in-black: #110b14;
--back-in-black-rgb: 17 11 20;
--back-in-black-oklch: oklch(0.162 0.021 314.2);
}
.element {
color: var(--back-in-black);
background-color: hsl(280 29% 6%);
border-color: oklch(0.162 0.021 314.2);
}Tailwind CSS v4
@theme {
--color-back-in-black: #110b14;
--color-back-in-black-50: #f7f3f9;
--color-back-in-black-100: #ebe6ed;
--color-back-in-black-200: #d8d2da;
--color-back-in-black-300: #bcb4bf;
--color-back-in-black-400: #a39ba7;
--color-back-in-black-500: #8b8290;
--color-back-in-black-600: #766e7a;
--color-back-in-black-700: #5e5861;
--color-back-in-black-800: #454048;
--color-back-in-black-900: #302c32;
--color-back-in-black-950: #1c191e;
}SCSS
$back-in-black: #110b14;
$back-in-black-rgb: 17, 11, 20;
$back-in-black-light: mix(#fff, $back-in-black, 20%);
$back-in-black-dark: mix(#000, $back-in-black, 20%);
.element {
color: $back-in-black;
box-shadow: 0 0 0 2px rgba($back-in-black, 0.35);
}