最接近的命名颜色 · #B97671
#B97671
最接近的命名颜色: Nipple
#B97671（rgb(185 118 113)、hsl(4 34% 58%)、oklch(0.635 0.085 24.4)）最接近命名颜色 Nipple。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#B97671
oklch(0.635 0.085 24.4)
颜色转换
- HEX
- #b97671
- RGB
- rgb(185 118 113)
- HSL
- hsl(4 34% 58%)
- HWB
- hwb(4 44% 27%)
- OKLCH
- oklch(0.635 0.085 24.4)
- OKLab
- oklab(0.635 0.078 0.035)
- CIE Lab
- lab(56.86 26.59 14.31)
- LCH
- lch(56.86 30.2 28.3)
- CMYK
- cmyk(0% 36% 39% 27%)
浅色调 · 深色调 · 灰色调
浅色调
- C1837E
- C8918C
- D09E9A
- D7ACA8
- DEB9B6
- E5C7C4
- ECD5D3
- F2E3E1
- F9F1F0
深色调
- A06661
- 895652
- 714743
- 5B3835
- 462927
- 311C1A
- 1E0F0E
- 0D0504
- 020101
灰色调
- B47773
- AE7974
- A97A76
- A37B77
- 9E7C79
- 987D7A
- 927E7C
- 8C7F7D
- 867F7F
配色和谐
互补色 +180°
- B97671
Nipple
- 409AA3
≈ Water Carrier
类似色 -30° +30°
- B97671
Nipple
- B4758E
≈ Strawberry Surprise
- B37D58
≈ Pastry Shell
三角配色 +120° +240°
- B97671
Nipple
- 6A996A
≈ Leafy
- 718ABF
≈ Dayflower Blue
分裂互补色 +150° +210°
- B97671
Nipple
- 4C9C87
≈ Dioptase Green
- 5393B7
≈ Vanity
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 3.56:1 · APCA Lc 63
Ag
AA黑底
WCAG 5.89:1 · APCA Lc 39
最佳文字颜色: #000000
WCAG 5.89:1 (AA) · APCA Lc 39
Contrast pairs
代码片段
CSS
:root {
--nipple: #b97671;
--nipple-rgb: 185 118 113;
--nipple-oklch: oklch(0.635 0.085 24.4);
}
.element {
color: var(--nipple);
background-color: hsl(4 34% 58%);
border-color: oklch(0.635 0.085 24.4);
}Tailwind CSS v4
@theme {
--color-nipple: #b97671;
--color-nipple-50: #ffece8;
--color-nipple-100: #ffded9;
--color-nipple-200: #f7c7c1;
--color-nipple-300: #e0a7a0;
--color-nipple-400: #cc8b86;
--color-nipple-500: #b86f6a;
--color-nipple-600: #9c5e5a;
--color-nipple-700: #7d4b48;
--color-nipple-800: #5d3635;
--color-nipple-900: #412524;
--color-nipple-950: #291313;
}SCSS
$nipple: #b97671;
$nipple-rgb: 185, 118, 113;
$nipple-light: mix(#fff, $nipple, 20%);
$nipple-dark: mix(#000, $nipple, 20%);
.element {
color: $nipple;
box-shadow: 0 0 0 2px rgba($nipple, 0.35);
}