Màu có tên gần nhất · #171407
#171407
Màu có tên gần nhất: Soulless
#171407 (rgb(23 20 7), hsl(49 53% 6%), oklch(0.191 0.024 97)) gần nhất với màu có tên Soulless. 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.
#171407
oklch(0.191 0.024 97)
Chuyển đổi màu
- HEX
- #171407
- RGB
- rgb(23 20 7)
- HSL
- hsl(49 53% 6%)
- HWB
- hwb(49 3% 91%)
- OKLCH
- oklch(0.191 0.024 97)
- OKLab
- oklab(0.191 -0.003 0.024)
- CIE Lab
- lab(6.37 -0.26 6.61)
- LCH
- lch(6.37 6.61 92.2)
- CMYK
- cmyk(0% 13% 70% 91%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 2A271B
- 3E3B30
- 535146
- 6A675E
- 817F77
- 999791
- B1B0AB
- CBCAC6
- E5E4E2
Sắc đậm
- 121005
- 0E0C04
- 0A0802
- 060502
- 040301
- 020100
- 010100
- 000000
- 000000
Sắc xám
- 201D11
- 2A271C
- 333128
- 3E3C33
- 48473F
- 53524C
- 5E5D58
- 696865
- 747472
Hòa sắc
Bổ túc +180°
- 171407
Soulless
- 11131F
≈ Corbeau
Tương đồng -30° +30°
- 171407
Soulless
- 1B1208
≈ Crowshead
- 11160A
≈ Pinch of Pepper
Bộ ba +120° +240°
- 171407
Soulless
- 06171B
≈ Black Is Back
- 1B1018
≈ Back in Black
Bổ túc chia +150° +210°
- 171407
Soulless
- 0B151E
≈ Midnight Edition
- 17111D
≈ Back in Black
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 18.42:1 · APCA Lc 105
Ag
FailTrên nền đen
WCAG 1.13:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 18.42:1 (AAA) · APCA Lc 105
Contrast pairs
Đoạn mã
CSS
:root {
--soulless: #171407;
--soulless-rgb: 23 20 7;
--soulless-oklch: oklch(0.191 0.024 97);
}
.element {
color: var(--soulless);
background-color: hsl(49 53% 6%);
border-color: oklch(0.191 0.024 97);
}Tailwind CSS v4
@theme {
--color-soulless: #171407;
--color-soulless-50: #f7f5ee;
--color-soulless-100: #eae8df;
--color-soulless-200: #d7d5c9;
--color-soulless-300: #bab8aa;
--color-soulless-400: #a29f8f;
--color-soulless-500: #8a8774;
--color-soulless-600: #757263;
--color-soulless-700: #5e5b4f;
--color-soulless-800: #454239;
--color-soulless-900: #302e27;
--color-soulless-950: #1c1b15;
}SCSS
$soulless: #171407;
$soulless-rgb: 23, 20, 7;
$soulless-light: mix(#fff, $soulless, 20%);
$soulless-dark: mix(#000, $soulless, 20%);
.element {
color: $soulless;
box-shadow: 0 0 0 2px rgba($soulless, 0.35);
}