最接近的命名颜色 · #2B3A23
#2B3A23
最接近的命名颜色: Palm Leaf
#2B3A23（rgb(43 58 35)、hsl(99 25% 18%)、oklch(0.328 0.044 135.2)）最接近命名颜色 Palm Leaf。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#2B3A23
oklch(0.328 0.044 135.2)
颜色转换
- HEX
- #2b3a23
- RGB
- rgb(43 58 35)
- HSL
- hsl(99 25% 18%)
- HWB
- hwb(99 14% 77%)
- OKLCH
- oklch(0.328 0.044 135.2)
- OKLab
- oklab(0.328 -0.031 0.031)
- CIE Lab
- lab(22.56 -10.29 12.25)
- LCH
- lch(22.56 16 130)
- CMYK
- cmyk(26% 0% 40% 77%)
浅色调 · 深色调 · 灰色调
浅色调
- 3D4B36
- 505D4A
- 64705E
- 798373
- 8E9789
- A3ABA0
- BABFB7
- D0D4CE
- E7E9E6
深色调
- 24311D
- 1D2817
- 162011
- 10180C
- 0A1007
- 050904
- 020401
- 010100
- 000000
灰色调
- 33412C
- 3B4735
- 434E3E
- 4B5547
- 545C50
- 5C6359
- 656A63
- 6E716C
- 777976
配色和谐
互补色 +180°
- 2B3A23
Palm Leaf
- 3D2E44
≈ Jagger
类似色 -30° +30°
- 2B3A23
Palm Leaf
- 38361B
≈ LeChuck’s Beard
- 1D3C2F
≈ Palm Green
三角配色 +120° +240°
- 2B3A23
Palm Leaf
- 25364B
≈ In the Navy
- 492B2E
≈ Dark Roast
分裂互补色 +150° +210°
- 2B3A23
Palm Leaf
- 32324B
≈ Deep Velvet
- 452C3A
≈ Barossa
四角配色 +90° +180° +270°
- 2B3A23
Palm Leaf
- 193A46
≈ Astral Nomad
- 3D2E44
≈ Jagger
- 482E22
≈ Morocco Brown
对比度与无障碍
Ag
AAA白底
WCAG 12.12:1 · APCA Lc 98
Ag
Fail黑底
WCAG 1.73:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 12.12:1 (AAA) · APCA Lc 98
Contrast pairs
代码片段
CSS
:root {
--palm-leaf: #2b3a23;
--palm-leaf-rgb: 43 58 35;
--palm-leaf-oklch: oklch(0.328 0.044 135.2);
}
.element {
color: var(--palm-leaf);
background-color: hsl(99 25% 18%);
border-color: oklch(0.328 0.044 135.2);
}Tailwind CSS v4
@theme {
--color-palm-leaf: #2b3a23;
--color-palm-leaf-50: #eff8ec;
--color-palm-leaf-100: #e1ecdd;
--color-palm-leaf-200: #ccd9c7;
--color-palm-leaf-300: #adbda7;
--color-palm-leaf-400: #93a58b;
--color-palm-leaf-500: #7a8d70;
--color-palm-leaf-600: #67775f;
--color-palm-leaf-700: #525f4c;
--color-palm-leaf-800: #3c4636;
--color-palm-leaf-900: #2a3025;
--color-palm-leaf-950: #171d14;
}SCSS
$palm-leaf: #2b3a23;
$palm-leaf-rgb: 43, 58, 35;
$palm-leaf-light: mix(#fff, $palm-leaf, 20%);
$palm-leaf-dark: mix(#000, $palm-leaf, 20%);
.element {
color: $palm-leaf;
box-shadow: 0 0 0 2px rgba($palm-leaf, 0.35);
}