命名颜色 · #BFA1AD
Decanting
Decanting 即 #BFA1AD：rgb(191 161 173)、hsl(336 19% 69%)、oklch(0.739 0.039 352.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Decanting color name →
#BFA1AD
oklch(0.739 0.039 352.1)
颜色转换
- HEX
- #bfa1ad
- RGB
- rgb(191 161 173)
- HSL
- hsl(336 19% 69%)
- HWB
- hwb(336 63% 25%)
- OKLCH
- oklch(0.739 0.039 352.1)
- OKLab
- oklab(0.739 0.038 -0.005)
- CIE Lab
- lab(69.24 12.88 -1.91)
- LCH
- lch(69.24 13.02 351.6)
- CMYK
- cmyk(0% 16% 9% 25%)
浅色调 · 深色调 · 灰色调
浅色调
- C5AAB5
- CCB3BD
- D2BCC5
- D9C6CD
- DFCFD5
- E5D9DD
- ECE2E6
- F2ECEE
- F9F5F7
深色调
- A68B96
- 8D767F
- 75626A
- 5E4E55
- 483C41
- 332A2D
- 1F191B
- 0D090B
- 020101
灰色调
- B99EA8
- B29AA4
- AC979F
- A6949B
- 9F9096
- 998D92
- 938A8D
- 8C8789
- 868384
配色和谐
互补色 +180°
- BFA1AD
Decanting
- 93B3A8
≈ Vintage Vessel
类似色 -30° +30°
- BFA1AD
Decanting
- B7A3B9
≈ Svelte
- C2A1A0
≈ Foggy Quartz
三角配色 +120° +240°
- BFA1AD
Decanting
- ABAD92
≈ Quiet Thicket
- 93AFBF
≈ Showcase Blue
分裂互补色 +150° +210°
- BFA1AD
Decanting
- 9DB19B
≈ Drizzle
- 8FB2B5
≈ Gulf Winds
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.35:1 · APCA Lc 46
Ag
AAA黑底
WCAG 8.91:1 · APCA Lc 56
最佳文字颜色: #000000
WCAG 8.91:1 (AAA) · APCA Lc 56
Contrast pairs
代码片段
CSS
:root {
--decanting: #bfa1ad;
--decanting-rgb: 191 161 173;
--decanting-oklch: oklch(0.739 0.039 352.1);
}
.element {
color: var(--decanting);
background-color: hsl(336 19% 69%);
border-color: oklch(0.739 0.039 352.1);
}Tailwind CSS v4
@theme {
--color-decanting: #bfa1ad;
--color-decanting-50: #fff1f6;
--color-decanting-100: #f3e3e9;
--color-decanting-200: #e3ced5;
--color-decanting-300: #c8b0b9;
--color-decanting-400: #b295a1;
--color-decanting-500: #9b7c89;
--color-decanting-600: #836974;
--color-decanting-700: #69545d;
--color-decanting-800: #4d3d44;
--color-decanting-900: #362a2f;
--color-decanting-950: #21181c;
}SCSS
$decanting: #bfa1ad;
$decanting-rgb: 191, 161, 173;
$decanting-light: mix(#fff, $decanting, 20%);
$decanting-dark: mix(#000, $decanting, 20%);
.element {
color: $decanting;
box-shadow: 0 0 0 2px rgba($decanting, 0.35);
}