最接近的命名颜色 · #B4B49E
#B4B49E
最接近的命名颜色: Quiet Thicket
#B4B49E（rgb(180 180 158)、hsl(60 13% 66%)、oklch(0.764 0.03 107.1)）最接近命名颜色 Quiet Thicket。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#B4B49E
oklch(0.764 0.03 107.1)
颜色转换
- HEX
- #b4b49e
- RGB
- rgb(180 180 158)
- HSL
- hsl(60 13% 66%)
- HWB
- hwb(60 62% 29%)
- OKLCH
- oklch(0.764 0.03 107.1)
- OKLab
- oklab(0.764 -0.009 0.029)
- CIE Lab
- lab(72.86 -2.88 11.28)
- LCH
- lch(72.86 11.64 104.3)
- CMYK
- cmyk(0% 0% 12% 29%)
浅色调 · 深色调 · 灰色调
浅色调
- BBBBA7
- C3C3B1
- CACABA
- D1D1C4
- D9D9CE
- E0E0D7
- E8E8E1
- F0F0EB
- F7F7F5
深色调
- 9C9C89
- 858574
- 6E6E60
- 58584D
- 44443A
- 303029
- 1D1D18
- 0C0C09
- 020201
灰色调
- AFAF9B
- A9A998
- A4A495
- 9F9F92
- 9A9A8F
- 94948C
- 8F8F89
- 8A8A86
- 858583
配色和谐
互补色 +180°
- B4B49E
Quiet Thicket
- B0B0C5
≈ Noble Purple
类似色 -30° +30°
- B4B49E
Quiet Thicket
- BDB09D
≈ Cannery Park
- A9B7A4
≈ Laurel Mist
三角配色 +120° +240°
- B4B49E
Quiet Thicket
- 9FB7C2
≈ Shallow Sea
- C2ABB6
≈ Breathtaking Evening
分裂互补色 +150° +210°
- B4B49E
Quiet Thicket
- A6B3C6
≈ Posey Blue
- BAADBF
≈ Courtly Purple
四角配色 +90° +180° +270°
- B4B49E
Quiet Thicket
- 9DB9B9
≈ Windswept Clouds
- B0B0C5
≈ Noble Purple
- C5ABAB
≈ Dusky
对比度与无障碍
Ag
Fail白底
WCAG 2.10:1 · APCA Lc 41
Ag
AAA黑底
WCAG 9.96:1 · APCA Lc 61
最佳文字颜色: #000000
WCAG 9.96:1 (AAA) · APCA Lc 61
Contrast pairs
代码片段
CSS
:root {
--quiet-thicket: #b4b49e;
--quiet-thicket-rgb: 180 180 158;
--quiet-thicket-oklch: oklch(0.764 0.03 107.1);
}
.element {
color: var(--quiet-thicket);
background-color: hsl(60 13% 66%);
border-color: oklch(0.764 0.03 107.1);
}Tailwind CSS v4
@theme {
--color-quiet-thicket: #b4b49e;
--color-quiet-thicket-50: #f5f6ec;
--color-quiet-thicket-100: #e8e9dd;
--color-quiet-thicket-200: #d5d6c7;
--color-quiet-thicket-300: #b8b9a7;
--color-quiet-thicket-400: #a0a08c;
--color-quiet-thicket-500: #888871;
--color-quiet-thicket-600: #737360;
--color-quiet-thicket-700: #5c5c4c;
--color-quiet-thicket-800: #444337;
--color-quiet-thicket-900: #2f2e26;
--color-quiet-thicket-950: #1b1b14;
}SCSS
$quiet-thicket: #b4b49e;
$quiet-thicket-rgb: 180, 180, 158;
$quiet-thicket-light: mix(#fff, $quiet-thicket, 20%);
$quiet-thicket-dark: mix(#000, $quiet-thicket, 20%);
.element {
color: $quiet-thicket;
box-shadow: 0 0 0 2px rgba($quiet-thicket, 0.35);
}