最接近的命名颜色 · #B29856
#B29856
最接近的命名颜色: Kathmandu
#B29856（rgb(178 152 86)、hsl(43 37% 52%)、oklch(0.689 0.091 88.5)）最接近命名颜色 Kathmandu。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#B29856
oklch(0.689 0.091 88.5)
颜色转换
- HEX
- #b29856
- RGB
- rgb(178 152 86)
- HSL
- hsl(43 37% 52%)
- HWB
- hwb(43 34% 30%)
- OKLCH
- oklch(0.689 0.091 88.5)
- OKLab
- oklab(0.689 0.002 0.091)
- CIE Lab
- lab(64.14 3.71 38.18)
- LCH
- lch(64.14 38.36 84.4)
- CMYK
- cmyk(0% 15% 52% 30%)
浅色调 · 深色调 · 灰色调
浅色调
- BAA268
- C1AC79
- C9B68A
- D0C19A
- D8CBAB
- E0D5BC
- E7E0CC
- EFEADD
- F7F4EE
深色调
- 9A844A
- 83703E
- 6D5C32
- 574A27
- 43381C
- 2F2712
- 1D1708
- 0C0802
- 010100
灰色调
- AD965C
- A89361
- A39165
- 9E8F6A
- 998C6E
- 948A72
- 8F8876
- 8A8579
- 85837D
配色和谐
互补色 +180°
- B29856
Kathmandu
- 8399D4
≈ Purple Gentian
类似色 -30° +30°
- B29856
Kathmandu
- C58D61
≈ Eastlake Gold
- 95A361
≈ Banana Palm
三角配色 +120° +240°
- B29856
Kathmandu
- 4CABB9
≈ Verditer Blue
- BA87B7
≈ Violet Tulle
分裂互补色 +150° +210°
- B29856
Kathmandu
- 62A3CD
≈ Alaskan Blue
- A28FCC
≈ Distinct Purple
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.79:1 · APCA Lc 54
Ag
AAA黑底
WCAG 7.51:1 · APCA Lc 48
最佳文字颜色: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
代码片段
CSS
:root {
--kathmandu: #b29856;
--kathmandu-rgb: 178 152 86;
--kathmandu-oklch: oklch(0.689 0.091 88.5);
}
.element {
color: var(--kathmandu);
background-color: hsl(43 37% 52%);
border-color: oklch(0.689 0.091 88.5);
}Tailwind CSS v4
@theme {
--color-kathmandu: #b29856;
--color-kathmandu-50: #fff5d8;
--color-kathmandu-100: #f3e7c6;
--color-kathmandu-200: #e3d3a8;
--color-kathmandu-300: #c9b682;
--color-kathmandu-400: #b49c5e;
--color-kathmandu-500: #9f8337;
--color-kathmandu-600: #866f30;
--color-kathmandu-700: #6c5826;
--color-kathmandu-800: #50401a;
--color-kathmandu-900: #382c11;
--color-kathmandu-950: #221904;
}SCSS
$kathmandu: #b29856;
$kathmandu-rgb: 178, 152, 86;
$kathmandu-light: mix(#fff, $kathmandu, 20%);
$kathmandu-dark: mix(#000, $kathmandu, 20%);
.element {
color: $kathmandu;
box-shadow: 0 0 0 2px rgba($kathmandu, 0.35);
}