命名颜色 · #B8B5A1
Tana
Tana 即 #B8B5A1：rgb(184 181 161)、hsl(52 14% 68%)、oklch(0.77 0.028 100)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Tana color name →
#B8B5A1
oklch(0.77 0.028 100)
颜色转换
- HEX
- #b8b5a1
- RGB
- rgb(184 181 161)
- HSL
- hsl(52 14% 68%)
- HWB
- hwb(52 63% 28%)
- OKLCH
- oklch(0.77 0.028 100)
- OKLab
- oklab(0.77 -0.005 0.027)
- CIE Lab
- lab(73.51 -1.49 10.64)
- LCH
- lch(73.51 10.74 98)
- CMYK
- cmyk(0% 2% 13% 28%)
浅色调 · 深色调 · 灰色调
浅色调
- BFBCAA
- C6C3B3
- CDCBBD
- D4D2C6
- DBD9CF
- E2E1D9
- E9E8E2
- F0F0EC
- F8F7F5
深色调
- A09D8B
- 888676
- 716F62
- 5B594E
- 45443C
- 31302A
- 1E1D19
- 0C0C09
- 020201
灰色调
- B2B09E
- ACAA9A
- A7A597
- A19F94
- 9C9A90
- 96958D
- 90908A
- 8B8A87
- 858583
配色和谐
互补色 +180°
- B8B5A1
Tana
- B0B3C6
≈ Filtered Light
类似色 -30° +30°
三角配色 +120° +240°
- B8B5A1
Tana
- A2B9C1
≈ Sterling Blue
- C1AEBA
≈ Mischief
分裂互补色 +150° +210°
- B8B5A1
Tana
- A7B6C6
≈ Paris Grey
- BAB0C2
≈ Courtly Purple
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.06:1 · APCA Lc 40
Ag
AAA黑底
WCAG 10.16:1 · APCA Lc 62
最佳文字颜色: #000000
WCAG 10.16:1 (AAA) · APCA Lc 62
Contrast pairs
代码片段
CSS
:root {
--tana: #b8b5a1;
--tana-rgb: 184 181 161;
--tana-oklch: oklch(0.77 0.028 100);
}
.element {
color: var(--tana);
background-color: hsl(52 14% 68%);
border-color: oklch(0.77 0.028 100);
}Tailwind CSS v4
@theme {
--color-tana: #b8b5a1;
--color-tana-50: #f6f6ed;
--color-tana-100: #e9e8de;
--color-tana-200: #d6d5c8;
--color-tana-300: #bab8a8;
--color-tana-400: #a29f8d;
--color-tana-500: #8a8772;
--color-tana-600: #757261;
--color-tana-700: #5d5b4d;
--color-tana-800: #454338;
--color-tana-900: #302e26;
--color-tana-950: #1c1b14;
}SCSS
$tana: #b8b5a1;
$tana-rgb: 184, 181, 161;
$tana-light: mix(#fff, $tana, 20%);
$tana-dark: mix(#000, $tana, 20%);
.element {
color: $tana;
box-shadow: 0 0 0 2px rgba($tana, 0.35);
}