最接近的命名颜色 · #38402B
#38402B
最接近的命名颜色: Palm Leaf
#38402B（rgb(56 64 43)、hsl(83 20% 21%)、oklch(0.358 0.036 125.1)）最接近命名颜色 Palm Leaf。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#38402B
oklch(0.358 0.036 125.1)
颜色转换
- HEX
- #38402b
- RGB
- rgb(56 64 43)
- HSL
- hsl(83 20% 21%)
- HWB
- hwb(83 17% 75%)
- OKLCH
- oklch(0.358 0.036 125.1)
- OKLab
- oklab(0.358 -0.021 0.03)
- CIE Lab
- lab(25.87 -6.74 11.74)
- LCH
- lch(25.87 13.54 119.9)
- CMYK
- cmyk(13% 0% 33% 75%)
浅色调 · 深色调 · 灰色调
浅色调
- 49513D
- 5B6251
- 6E7565
- 818779
- 959A8E
- A9ADA4
- BEC1BA
- D3D6D0
- E9EAE8
深色调
- 2F3624
- 272D1D
- 1F2416
- 171B10
- 0F130A
- 080B05
- 040502
- 010101
- 000000
灰色调
- 3F4633
- 464C3B
- 4D5343
- 54594C
- 5B5F54
- 62665D
- 696C65
- 71736E
- 787977
配色和谐
互补色 +180°
- 38402B
Palm Leaf
- 41384C
≈ Call It a Night
类似色 -30° +30°
- 38402B
Palm Leaf
- 423C26
≈ Scorched Metal
- 2D4234
≈ Mushiao Green
三角配色 +120° +240°
- 38402B
Palm Leaf
- 2C3F4E
≈ Deepsea Core
- 4D353A
≈ Jube
分裂互补色 +150° +210°
- 38402B
Palm Leaf
- 373B50
≈ Carbon Blue
- 493544
≈ Red Onion
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AAA白底
WCAG 10.84:1 · APCA Lc 95
Ag
Fail黑底
WCAG 1.93:1 · APCA Lc 8
最佳文字颜色: #FFFFFF
WCAG 10.84:1 (AAA) · APCA Lc 95
Contrast pairs
代码片段
CSS
:root {
--palm-leaf: #38402b;
--palm-leaf-rgb: 56 64 43;
--palm-leaf-oklch: oklch(0.358 0.036 125.1);
}
.element {
color: var(--palm-leaf);
background-color: hsl(83 20% 21%);
border-color: oklch(0.358 0.036 125.1);
}Tailwind CSS v4
@theme {
--color-palm-leaf: #38402b;
--color-palm-leaf-50: #f2f7ec;
--color-palm-leaf-100: #e4eade;
--color-palm-leaf-200: #d0d7c7;
--color-palm-leaf-300: #b2bba8;
--color-palm-leaf-400: #99a38b;
--color-palm-leaf-500: #808b71;
--color-palm-leaf-600: #6d7560;
--color-palm-leaf-700: #575e4c;
--color-palm-leaf-800: #404537;
--color-palm-leaf-900: #2c2f25;
--color-palm-leaf-950: #191c14;
}SCSS
$palm-leaf: #38402b;
$palm-leaf-rgb: 56, 64, 43;
$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);
}