最接近的命名颜色 · #BA927E
#BA927E
最接近的命名颜色: Nougat
#BA927E（rgb(186 146 126)、hsl(20 30% 61%)、oklch(0.692 0.056 47.9)）最接近命名颜色 Nougat。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#BA927E
oklch(0.692 0.056 47.9)
颜色转换
- HEX
- #ba927e
- RGB
- rgb(186 146 126)
- HSL
- hsl(20 30% 61%)
- HWB
- hwb(20 49% 27%)
- OKLCH
- oklch(0.692 0.056 47.9)
- OKLab
- oklab(0.692 0.038 0.042)
- CIE Lab
- lab(64 13.44 16.7)
- LCH
- lch(64 21.43 51.2)
- CMYK
- cmyk(0% 22% 32% 27%)
浅色调 · 深色调 · 灰色调
浅色调
- C19D8A
- C8A797
- CFB2A3
- D6BDB0
- DDC7BD
- E4D2CA
- EBDDD7
- F1E9E4
- F8F4F2
深色调
- A17E6D
- 896B5C
- 72584C
- 5C463C
- 46352D
- 32251F
- 1E1611
- 0D0805
- 020101
灰色调
- B4907E
- AE8F7F
- A98D7F
- A38B7F
- 9D897F
- 978780
- 928680
- 8C8480
- 868280
配色和谐
互补色 +180°
- BA927E
Nougat
- 77A3B8
≈ Grey Blue
类似色 -30° +30°
- BA927E
Nougat
- BD8E8F
≈ Rose Brown
- B09875
≈ Dry Starfish
三角配色 +120° +240°
- BA927E
Nougat
- 7AA895
≈ Acapulco
- 9A97BE
≈ Lavender Bonnet
分裂互补色 +150° +210°
- BA927E
Nougat
- 72A7A8
≈ Cresting Waves
- 879EBF
≈ Sailing
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.79:1 · APCA Lc 54
Ag
AAA黑底
WCAG 7.50:1 · APCA Lc 48
最佳文字颜色: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
代码片段
CSS
:root {
--nougat: #ba927e;
--nougat-rgb: 186 146 126;
--nougat-oklch: oklch(0.692 0.056 47.9);
}
.element {
color: var(--nougat);
background-color: hsl(20 30% 61%);
border-color: oklch(0.692 0.056 47.9);
}Tailwind CSS v4
@theme {
--color-nougat: #ba927e;
--color-nougat-50: #fff1e7;
--color-nougat-100: #f8e3d8;
--color-nougat-200: #e9cebf;
--color-nougat-300: #d0b09e;
--color-nougat-400: #bb9582;
--color-nougat-500: #a67b66;
--color-nougat-600: #8c6856;
--color-nougat-700: #705345;
--color-nougat-800: #533c32;
--color-nougat-900: #3a2a22;
--color-nougat-950: #241711;
}SCSS
$nougat: #ba927e;
$nougat-rgb: 186, 146, 126;
$nougat-light: mix(#fff, $nougat, 20%);
$nougat-dark: mix(#000, $nougat, 20%);
.element {
color: $nougat;
box-shadow: 0 0 0 2px rgba($nougat, 0.35);
}