最接近的命名颜色 · #B3BC8A
#B3BC8A
最接近的命名颜色: Nile
#B3BC8A（rgb(179 188 138)、hsl(71 27% 64%)、oklch(0.776 0.068 116.3)）最接近命名颜色 Nile。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#B3BC8A
oklch(0.776 0.068 116.3)
颜色转换
- HEX
- #b3bc8a
- RGB
- rgb(179 188 138)
- HSL
- hsl(71 27% 64%)
- HWB
- hwb(71 54% 26%)
- OKLCH
- oklch(0.776 0.068 116.3)
- OKLab
- oklab(0.776 -0.03 0.061)
- CIE Lab
- lab(74.59 -9.46 24.3)
- LCH
- lch(74.59 26.08 111.3)
- CMYK
- cmyk(5% 0% 27% 26%)
浅色调 · 深色调 · 灰色调
浅色调
- BAC396
- C2C9A1
- C9D0AD
- D1D7B8
- D8DDC4
- E0E4D0
- E8EBDB
- EFF1E7
- F7F8F3
深色调
- 9BA377
- 848B65
- 6E7353
- 585D42
- 434732
- 2F3222
- 1D1F14
- 0C0D07
- 010201
灰色调
- AEB689
- A8B089
- A3AA88
- 9EA487
- 999E86
- 949885
- 8F9284
- 8A8C83
- 858681
配色和谐
互补色 +180°
- B3BC8A
Nile
- BAAEDD
≈ Purple Hibiscus
类似色 -30° +30°
- B3BC8A
Nile
- C9B484
≈ Tweed Jacket
- 9AC29C
≈ Spruce Stone
三角配色 +120° +240°
- B3BC8A
Nile
- 8CBDDC
≈ Frozen Whisper
- DBA4B7
≈ Pink Gin
分裂互补色 +150° +210°
- B3BC8A
Nile
- A2B6E3
≈ Sky Blue
- CEA7CE
≈ Graceful Garden
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.00:1 · APCA Lc 39
Ag
AAA黑底
WCAG 10.47:1 · APCA Lc 64
最佳文字颜色: #000000
WCAG 10.47:1 (AAA) · APCA Lc 64
Contrast pairs
代码片段
CSS
:root {
--nile: #b3bc8a;
--nile-rgb: 179 188 138;
--nile-oklch: oklch(0.776 0.068 116.3);
}
.element {
color: var(--nile);
background-color: hsl(71 27% 64%);
border-color: oklch(0.776 0.068 116.3);
}Tailwind CSS v4
@theme {
--color-nile: #b3bc8a;
--color-nile-50: #f3f8e3;
--color-nile-100: #e5ebd2;
--color-nile-200: #d1d9b8;
--color-nile-300: #b4bd95;
--color-nile-400: #9ca476;
--color-nile-500: #838c57;
--color-nile-600: #6f774a;
--color-nile-700: #595f3b;
--color-nile-800: #424529;
--color-nile-900: #2d301c;
--color-nile-950: #1a1c0c;
}SCSS
$nile: #b3bc8a;
$nile-rgb: 179, 188, 138;
$nile-light: mix(#fff, $nile, 20%);
$nile-dark: mix(#000, $nile, 20%);
.element {
color: $nile;
box-shadow: 0 0 0 2px rgba($nile, 0.35);
}