最接近的命名颜色 · #373B26
#373B26
最接近的命名颜色: Graphite
#373B26（rgb(55 59 38)、hsl(71 22% 19%)、oklch(0.342 0.035 117.1)）最接近命名颜色 Graphite。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#373B26
oklch(0.342 0.035 117.1)
颜色转换
- HEX
- #373b26
- RGB
- rgb(55 59 38)
- HSL
- hsl(71 22% 19%)
- HWB
- hwb(71 15% 77%)
- OKLCH
- oklch(0.342 0.035 117.1)
- OKLab
- oklab(0.342 -0.016 0.031)
- CIE Lab
- lab(24.01 -4.91 12.46)
- LCH
- lch(24.01 13.4 111.5)
- CMYK
- cmyk(7% 0% 36% 77%)
浅色调 · 深色调 · 灰色调
浅色调
- 484C39
- 5A5E4C
- 6D7161
- 818476
- 94978B
- A9ABA1
- BEBFB8
- D3D4CF
- E9E9E7
深色调
- 2E3220
- 262919
- 1E2113
- 16190D
- 0F1108
- 080904
- 030402
- 010101
- 000000
灰色调
- 3E422F
- 454837
- 4C4F40
- 535649
- 5A5D52
- 61635B
- 696A64
- 71726D
- 787976
配色和谐
互补色 +180°
- 373B26
Graphite
- 3A3549
≈ Plush
类似色 -30° +30°
- 373B26
Graphite
- 403723
≈ Mikado
- 2C3E2E
≈ Celtic
三角配色 +120° +240°
- 373B26
Graphite
- 273B49
≈ Craft
- 483139
≈ Barossa
分裂互补色 +150° +210°
- 373B26
Graphite
- 30384B
≈ German Liquorice
- 423242
≈ Voodoo
四角配色 +90° +180° +270°
- 373B26
Graphite
- 213E42
≈ Sunken Harbour
- 3A3549
≈ Plush
- 49322F
≈ Pawn Broker
对比度与无障碍
Ag
AAA白底
WCAG 11.56:1 · APCA Lc 97
Ag
Fail黑底
WCAG 1.81:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 11.56:1 (AAA) · APCA Lc 97
Contrast pairs
代码片段
CSS
:root {
--graphite: #373b26;
--graphite-rgb: 55 59 38;
--graphite-oklch: oklch(0.342 0.035 117.1);
}
.element {
color: var(--graphite);
background-color: hsl(71 22% 19%);
border-color: oklch(0.342 0.035 117.1);
}Tailwind CSS v4
@theme {
--color-graphite: #373b26;
--color-graphite-50: #f4f7ec;
--color-graphite-100: #e6eadd;
--color-graphite-200: #d2d7c6;
--color-graphite-300: #b5baa6;
--color-graphite-400: #9da18a;
--color-graphite-500: #848a6f;
--color-graphite-600: #70745e;
--color-graphite-700: #595d4b;
--color-graphite-800: #424436;
--color-graphite-900: #2d2f25;
--color-graphite-950: #1a1b14;
}SCSS
$graphite: #373b26;
$graphite-rgb: 55, 59, 38;
$graphite-light: mix(#fff, $graphite, 20%);
$graphite-dark: mix(#000, $graphite, 20%);
.element {
color: $graphite;
box-shadow: 0 0 0 2px rgba($graphite, 0.35);
}