最接近的命名颜色 · #B0AD95
#B0AD95
最接近的命名颜色: Quiet Thicket
#B0AD95（rgb(176 173 149)、hsl(53 15% 64%)、oklch(0.744 0.034 101.3)）最接近命名颜色 Quiet Thicket。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#B0AD95
oklch(0.744 0.034 101.3)
颜色转换
- HEX
- #b0ad95
- RGB
- rgb(176 173 149)
- HSL
- hsl(53 15% 64%)
- HWB
- hwb(53 58% 31%)
- OKLCH
- oklch(0.744 0.034 101.3)
- OKLab
- oklab(0.744 -0.007 0.033)
- CIE Lab
- lab(70.48 -1.98 12.8)
- LCH
- lch(70.48 12.95 98.8)
- CMYK
- cmyk(0% 2% 15% 31%)
浅色调 · 深色调 · 灰色调
浅色调
- B8B59F
- BFBDAA
- C7C5B4
- CFCDBE
- D7D5C9
- DFDED4
- E7E6DE
- EFEEE9
- F7F7F4
深色调
- 999681
- 827F6D
- 6C6A5A
- 565548
- 424137
- 2E2D26
- 1C1B16
- 0B0B08
- 010101
灰色调
- ABA893
- A6A491
- A19F8F
- 9C9B8D
- 98968B
- 939289
- 8E8D86
- 898984
- 858482
配色和谐
互补色 +180°
- B0AD95
Quiet Thicket
- A8AAC1
≈ Cosmic Sky
类似色 -30° +30°
- B0AD95
Quiet Thicket
- BAA995
≈ Fangtooth Fish
- A4B19B
≈ Banksia
三角配色 +120° +240°
- B0AD95
Quiet Thicket
- 96B1BB
≈ Lucy Blue
- BCA4B2
≈ Pansy Posy
分裂互补色 +150° +210°
- B0AD95
Quiet Thicket
- 9DAEC1
≈ Sterling Silver
- B3A6BC
≈ Transparent Mauve
四角配色 +90° +180° +270°
- B0AD95
Quiet Thicket
- 94B3B1
≈ Calcite Blue
- A8AAC1
≈ Cosmic Sky
- C0A4A6
≈ Tourmaline Mauve
对比度与无障碍
Ag
Fail白底
WCAG 2.26:1 · APCA Lc 45
Ag
AAA黑底
WCAG 9.25:1 · APCA Lc 57
最佳文字颜色: #000000
WCAG 9.25:1 (AAA) · APCA Lc 57
Contrast pairs
代码片段
CSS
:root {
--quiet-thicket: #b0ad95;
--quiet-thicket-rgb: 176 173 149;
--quiet-thicket-oklch: oklch(0.744 0.034 101.3);
}
.element {
color: var(--quiet-thicket);
background-color: hsl(53 15% 64%);
border-color: oklch(0.744 0.034 101.3);
}Tailwind CSS v4
@theme {
--color-quiet-thicket: #b0ad95;
--color-quiet-thicket-50: #f7f6eb;
--color-quiet-thicket-100: #e9e9dc;
--color-quiet-thicket-200: #d6d5c5;
--color-quiet-thicket-300: #bab8a5;
--color-quiet-thicket-400: #a29f89;
--color-quiet-thicket-500: #8b876e;
--color-quiet-thicket-600: #75725d;
--color-quiet-thicket-700: #5e5c4a;
--color-quiet-thicket-800: #454336;
--color-quiet-thicket-900: #302e24;
--color-quiet-thicket-950: #1c1b13;
}SCSS
$quiet-thicket: #b0ad95;
$quiet-thicket-rgb: 176, 173, 149;
$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);
}