命名颜色 · #AC8A56
Limed Oak
Limed Oak 即 #AC8A56：rgb(172 138 86)、hsl(36 34% 51%)、oklch(0.654 0.081 77.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Limed Oak color name →
#AC8A56
oklch(0.654 0.081 77.2)
颜色转换
- HEX
- #ac8a56
- RGB
- rgb(172 138 86)
- HSL
- hsl(36 34% 51%)
- HWB
- hwb(36 34% 33%)
- OKLCH
- oklch(0.654 0.081 77.2)
- OKLab
- oklab(0.654 0.018 0.079)
- CIE Lab
- lab(59.86 8.45 32.85)
- LCH
- lch(59.86 33.92 75.6)
- CMYK
- cmyk(0% 20% 50% 33%)
浅色调 · 深色调 · 灰色调
浅色调
- B49567
- BCA178
- C5AC88
- CDB899
- D5C4AA
- DECFBA
- E6DBCB
- EEE7DC
- F7F3EE
深色调
- 95774A
- 7F653E
- 695332
- 544227
- 40321C
- 2D2212
- 1B1408
- 0B0702
- 010100
灰色调
- A8895B
- A38860
- 9F8765
- 9B8669
- 96856D
- 928471
- 8D8375
- 898279
- 84817C
配色和谐
互补色 +180°
- AC8A56
Limed Oak
- 7192C2
≈ Eyeshadow Blue
类似色 -30° +30°
- AC8A56
Limed Oak
- B98165
≈ Silken Chocolate
- 959458
≈ Tansy Green
三角配色 +120° +240°
- AC8A56
Limed Oak
- 4CA0A1
≈ Aqua Fresco
- A581B1
≈ Lobby Lilac
分裂互补色 +150° +210°
- AC8A56
Limed Oak
- 579AB7
≈ Steel Light Blue
- 8D89BF
≈ Heliotropic Mauve
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 3.21:1 · APCA Lc 59
Ag
AA黑底
WCAG 6.52:1 · APCA Lc 42
最佳文字颜色: #000000
WCAG 6.52:1 (AA) · APCA Lc 42
Contrast pairs
代码片段
CSS
:root {
--limed-oak: #ac8a56;
--limed-oak-rgb: 172 138 86;
--limed-oak-oklch: oklch(0.654 0.081 77.2);
}
.element {
color: var(--limed-oak);
background-color: hsl(36 34% 51%);
border-color: oklch(0.654 0.081 77.2);
}Tailwind CSS v4
@theme {
--color-limed-oak: #ac8a56;
--color-limed-oak-50: #fff3dc;
--color-limed-oak-100: #f7e5ca;
--color-limed-oak-200: #e7d1ae;
--color-limed-oak-300: #ceb389;
--color-limed-oak-400: #b99967;
--color-limed-oak-500: #a47f45;
--color-limed-oak-600: #8b6c3b;
--color-limed-oak-700: #6f562f;
--color-limed-oak-800: #533e21;
--color-limed-oak-900: #3a2b16;
--color-limed-oak-950: #241807;
}SCSS
$limed-oak: #ac8a56;
$limed-oak-rgb: 172, 138, 86;
$limed-oak-light: mix(#fff, $limed-oak, 20%);
$limed-oak-dark: mix(#000, $limed-oak, 20%);
.element {
color: $limed-oak;
box-shadow: 0 0 0 2px rgba($limed-oak, 0.35);
}