最接近的命名颜色 · #B7A983
#B7A983
最接近的命名颜色: Bangalore
#B7A983（rgb(183 169 131)、hsl(44 27% 62%)、oklch(0.737 0.054 90.2)）最接近命名颜色 Bangalore。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#B7A983
oklch(0.737 0.054 90.2)
颜色转换
- HEX
- #b7a983
- RGB
- rgb(183 169 131)
- HSL
- hsl(44 27% 62%)
- HWB
- hwb(44 51% 28%)
- OKLCH
- oklch(0.737 0.054 90.2)
- OKLab
- oklab(0.737 0 0.054)
- CIE Lab
- lab(69.72 0.83 21.62)
- LCH
- lch(69.72 21.63 87.8)
- CMYK
- cmyk(0% 8% 28% 28%)
浅色调 · 深色调 · 灰色调
浅色调
- BEB18F
- C5BA9B
- CCC2A7
- D3CBB4
- DAD3C0
- E2DCCD
- E9E5D9
- F0EDE6
- F8F6F2
深色调
- 9F9271
- 877C60
- 70674F
- 5A533F
- 453F2F
- 312C20
- 1E1B12
- 0C0A06
- 020101
灰色调
- B1A583
- ACA183
- A69D83
- A19983
- 9B9482
- 969082
- 908C82
- 8B8881
- 858481
配色和谐
互补色 +180°
- B7A983
Bangalore
- 9CA9CD
≈ Tinted Lilac
类似色 -30° +30°
- B7A983
Bangalore
- C4A288
≈ Pacific Bluffs
- A5AF89
≈ Filigree Green
三角配色 +120° +240°
- B7A983
Bangalore
- 82B4BD
≈ Lifeboat Blue
- BE9EBA
≈ Tuileries Tint
分裂互补色 +150° +210°
- B7A983
Bangalore
- 8BAFC9
≈ Windy Day
- AFA3C8
≈ Forever Lilac
四角配色 +90° +180° +270°
- B7A983
Bangalore
- 84B6AB
≈ Winter Surf
- 9CA9CD
≈ Tinted Lilac
- C89CA8
≈ Fauna
对比度与无障碍
Ag
Fail白底
WCAG 2.32:1 · APCA Lc 46
Ag
AAA黑底
WCAG 9.01:1 · APCA Lc 56
最佳文字颜色: #000000
WCAG 9.01:1 (AAA) · APCA Lc 56
Contrast pairs
代码片段
CSS
:root {
--bangalore: #b7a983;
--bangalore-rgb: 183 169 131;
--bangalore-oklch: oklch(0.737 0.054 90.2);
}
.element {
color: var(--bangalore);
background-color: hsl(44 27% 62%);
border-color: oklch(0.737 0.054 90.2);
}Tailwind CSS v4
@theme {
--color-bangalore: #b7a983;
--color-bangalore-50: #faf5e4;
--color-bangalore-100: #eee8d4;
--color-bangalore-200: #dcd4bb;
--color-bangalore-300: #c1b798;
--color-bangalore-400: #ab9e7a;
--color-bangalore-500: #94855c;
--color-bangalore-600: #7d714e;
--color-bangalore-700: #645a3e;
--color-bangalore-800: #4a412c;
--color-bangalore-900: #332d1e;
--color-bangalore-950: #1f1a0e;
}SCSS
$bangalore: #b7a983;
$bangalore-rgb: 183, 169, 131;
$bangalore-light: mix(#fff, $bangalore, 20%);
$bangalore-dark: mix(#000, $bangalore, 20%);
.element {
color: $bangalore;
box-shadow: 0 0 0 2px rgba($bangalore, 0.35);
}