最接近的命名颜色 · #301C2B
#301C2B
最接近的命名颜色: Black Cherry
#301C2B（rgb(48 28 43)、hsl(315 26% 15%)、oklch(0.259 0.04 336.3)）最接近命名颜色 Black Cherry。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#301C2B
oklch(0.259 0.04 336.3)
颜色转换
- HEX
- #301c2b
- RGB
- rgb(48 28 43)
- HSL
- hsl(315 26% 15%)
- HWB
- hwb(315 11% 81%)
- OKLCH
- oklch(0.259 0.04 336.3)
- OKLab
- oklab(0.259 0.037 -0.016)
- CIE Lab
- lab(13.45 12.28 -5.91)
- LCH
- lch(13.45 13.63 334.3)
- CMYK
- cmyk(0% 42% 10% 81%)
浅色调 · 深色调 · 灰色调
浅色调
- 422F3D
- 554350
- 695864
- 7D6E78
- 91858E
- A69CA3
- BCB4B9
- D2CCD0
- E8E5E7
深色调
- 281724
- 21121D
- 1A0D16
- 130810
- 0C050A
- 060205
- 030102
- 010001
- 000000
灰色调
- 382533
- 3F2E3B
- 473843
- 4F424B
- 574C54
- 5F565C
- 676065
- 6F6B6E
- 787577
配色和谐
互补色 +180°
- 301C2B
Black Cherry
- 122A1C
≈ Kuro Green
类似色 -30° +30°
- 301C2B
Black Cherry
- 291E33
≈ Bleached Cedar
- 341B21
≈ Black Kite
三角配色 +120° +240°
- 301C2B
Black Cherry
- 29240B
≈ Black Mesa
- 072830
≈ Black Box
分裂互补色 +150° +210°
- 301C2B
Black Cherry
- 1F2711
≈ Deep Slate Olive
- 062A27
≈ Swamp Thing
四角配色 +90° +180° +270°
- 301C2B
Black Cherry
- 31200D
≈ Coffee Grounds
- 122A1C
≈ Kuro Green
- 122536
≈ Celestial Canvas
对比度与无障碍
Ag
AAA白底
WCAG 15.82:1 · APCA Lc 103
Ag
Fail黑底
WCAG 1.32:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 15.82:1 (AAA) · APCA Lc 103
Contrast pairs
代码片段
CSS
:root {
--black-cherry: #301c2b;
--black-cherry-rgb: 48 28 43;
--black-cherry-oklch: oklch(0.259 0.04 336.3);
}
.element {
color: var(--black-cherry);
background-color: hsl(315 26% 15%);
border-color: oklch(0.259 0.04 336.3);
}Tailwind CSS v4
@theme {
--color-black-cherry: #301c2b;
--color-black-cherry-50: #fdf1f9;
--color-black-cherry-100: #f1e3ec;
--color-black-cherry-200: #e0ceda;
--color-black-cherry-300: #c6b0be;
--color-black-cherry-400: #af96a7;
--color-black-cherry-500: #987c90;
--color-black-cherry-600: #81697a;
--color-black-cherry-700: #675462;
--color-black-cherry-800: #4b3d48;
--color-black-cherry-900: #342a32;
--color-black-cherry-950: #20181e;
}SCSS
$black-cherry: #301c2b;
$black-cherry-rgb: 48, 28, 43;
$black-cherry-light: mix(#fff, $black-cherry, 20%);
$black-cherry-dark: mix(#000, $black-cherry, 20%);
.element {
color: $black-cherry;
box-shadow: 0 0 0 2px rgba($black-cherry, 0.35);
}