命名颜色 · #8C7C61
Elmwood
Elmwood 即 #8C7C61：rgb(140 124 97)、hsl(38 18% 46%)、oklch(0.594 0.044 80.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Elmwood color name →
#8C7C61
oklch(0.594 0.044 80.6)
颜色转换
- HEX
- #8c7c61
- RGB
- rgb(140 124 97)
- HSL
- hsl(38 18% 46%)
- HWB
- hwb(38 38% 45%)
- OKLCH
- oklch(0.594 0.044 80.6)
- OKLab
- oklab(0.594 0.007 0.043)
- CIE Lab
- lab(52.96 3.15 17.17)
- LCH
- lch(52.96 17.45 79.6)
- CMYK
- cmyk(0% 11% 31% 45%)
浅色调 · 深色调 · 灰色调
浅色调
- 978870
- A2957F
- ADA28E
- B9AF9E
- C4BCAD
- D0C9BD
- DBD6CD
- E7E4DE
- F3F1EE
深色调
- 796B53
- 675A46
- 554A39
- 433B2D
- 332C21
- 231E15
- 14110B
- 070503
- 010100
灰色调
- 8B7C64
- 8A7D67
- 887D6B
- 877E6E
- 867E71
- 857F74
- 847F77
- 827F7A
- 81807D
配色和谐
互补色 +180°
- 8C7C61
Elmwood
- 707F99
≈ Country Blue
类似色 -30° +30°
- 8C7C61
Elmwood
- 947767
≈ Burro
- 7F8163
≈ Spores
三角配色 +120° +240°
- 8C7C61
Elmwood
- 5F8789
≈ Arctic
- 8B768F
≈ Self Powered
分裂互补色 +150° +210°
- 8C7C61
Elmwood
- 648494
≈ Play Me a Melody
- 7E7A97
≈ Kinlock
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 4.06:1 · APCA Lc 68
Ag
AA黑底
WCAG 5.17:1 · APCA Lc 34
最佳文字颜色: #000000
WCAG 5.17:1 (AA) · APCA Lc 34
Contrast pairs
代码片段
CSS
:root {
--elmwood: #8c7c61;
--elmwood-rgb: 140 124 97;
--elmwood-oklch: oklch(0.594 0.044 80.6);
}
.element {
color: var(--elmwood);
background-color: hsl(38 18% 46%);
border-color: oklch(0.594 0.044 80.6);
}Tailwind CSS v4
@theme {
--color-elmwood: #8c7c61;
--color-elmwood-50: #fbf4e7;
--color-elmwood-100: #efe7d8;
--color-elmwood-200: #ddd3c0;
--color-elmwood-300: #c2b69f;
--color-elmwood-400: #ac9c82;
--color-elmwood-500: #958465;
--color-elmwood-600: #7e6f56;
--color-elmwood-700: #655945;
--color-elmwood-800: #4b4131;
--color-elmwood-900: #342d21;
--color-elmwood-950: #1f1a11;
}SCSS
$elmwood: #8c7c61;
$elmwood-rgb: 140, 124, 97;
$elmwood-light: mix(#fff, $elmwood, 20%);
$elmwood-dark: mix(#000, $elmwood, 20%);
.element {
color: $elmwood;
box-shadow: 0 0 0 2px rgba($elmwood, 0.35);
}