最接近的命名颜色 · #342D21
#342D21
最接近的命名颜色: Go to Hell Black
#342D21（rgb(52 45 33)、hsl(38 22% 17%)、oklch(0.301 0.023 81)）最接近命名颜色 Go to Hell Black。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#342D21
oklch(0.301 0.023 81)
颜色转换
- HEX
- #342d21
- RGB
- rgb(52 45 33)
- HSL
- hsl(38 22% 17%)
- HWB
- hwb(38 13% 80%)
- OKLCH
- oklch(0.301 0.023 81)
- OKLab
- oklab(0.301 0.004 0.023)
- CIE Lab
- lab(18.96 1.62 9.02)
- LCH
- lch(18.96 9.17 79.8)
- CMYK
- cmyk(0% 13% 37% 80%)
浅色调 · 深色调 · 灰色调
浅色调
- 463F34
- 585248
- 6B655C
- 7F7A72
- 938F88
- A8A49E
- BDBAB6
- D2D1CE
- E9E8E6
深色调
- 2C261B
- 241F16
- 1C1810
- 15110B
- 0E0B06
- 070603
- 030201
- 010100
- 000000
灰色调
- 3B352A
- 423C33
- 4A443C
- 514D45
- 59554E
- 605D58
- 686662
- 706E6C
- 787776
配色和谐
互补色 +180°
- 342D21
Go to Hell Black
- 282E3A
≈ Chimney Sweep
类似色 -30° +30°
- 342D21
Go to Hell Black
- 382B24
≈ Roanoke
- 2E2F22
≈ Metal Construction Green
三角配色 +120° +240°
- 342D21
Go to Hell Black
- 203233
≈ Concealed Green
- 332A35
≈ Melanzane
分裂互补色 +150° +210°
- 342D21
Go to Hell Black
- 223038
≈ Freinacht Black
- 2E2C39
≈ Black Rock
四角配色 +90° +180° +270°
- 342D21
Go to Hell Black
- 22322C
≈ Holly
- 282E3A
≈ Chimney Sweep
- 37292F
≈ Melanzane
对比度与无障碍
Ag
AAA白底
WCAG 13.60:1 · APCA Lc 100
Ag
Fail黑底
WCAG 1.54:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 13.60:1 (AAA) · APCA Lc 100
Contrast pairs
代码片段
CSS
:root {
--go-to-hell-black: #342d21;
--go-to-hell-black-rgb: 52 45 33;
--go-to-hell-black-oklch: oklch(0.301 0.023 81);
}
.element {
color: var(--go-to-hell-black);
background-color: hsl(38 22% 17%);
border-color: oklch(0.301 0.023 81);
}Tailwind CSS v4
@theme {
--color-go-to-hell-black: #342d21;
--color-go-to-hell-black-50: #f8f5ee;
--color-go-to-hell-black-100: #ece7df;
--color-go-to-hell-black-200: #d9d4ca;
--color-go-to-hell-black-300: #bdb7ab;
--color-go-to-hell-black-400: #a59d90;
--color-go-to-hell-black-500: #8e8575;
--color-go-to-hell-black-600: #787064;
--color-go-to-hell-black-700: #605a4f;
--color-go-to-hell-black-800: #47423a;
--color-go-to-hell-black-900: #312d27;
--color-go-to-hell-black-950: #1d1a16;
}SCSS
$go-to-hell-black: #342d21;
$go-to-hell-black-rgb: 52, 45, 33;
$go-to-hell-black-light: mix(#fff, $go-to-hell-black, 20%);
$go-to-hell-black-dark: mix(#000, $go-to-hell-black, 20%);
.element {
color: $go-to-hell-black;
box-shadow: 0 0 0 2px rgba($go-to-hell-black, 0.35);
}