命名颜色 · #A9B0B4
Brilliant Silver
Brilliant Silver 即 #A9B0B4：rgb(169 176 180)、hsl(202 7% 68%)、oklch(0.753 0.01 232.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Brilliant Silver color name →
#A9B0B4
oklch(0.753 0.01 232.4)
颜色转换
- HEX
- #a9b0b4
- RGB
- rgb(169 176 180)
- HSL
- hsl(202 7% 68%)
- HWB
- hwb(202 66% 29%)
- OKLCH
- oklch(0.753 0.01 232.4)
- OKLab
- oklab(0.753 -0.006 -0.008)
- CIE Lab
- lab(71.36 -1.96 -2.95)
- LCH
- lch(71.36 3.54 236.4)
- CMYK
- cmyk(6% 2% 0% 29%)
浅色调 · 深色调 · 灰色调
浅色调
- B1B8BB
- BABFC3
- C2C7CA
- CBCFD1
- D3D7D9
- DCDFE0
- E5E7E8
- EDEFF0
- F6F7F7
深色调
- 92999C
- 7C8285
- 676C6E
- 535658
- 3F4244
- 2C2E30
- 1B1C1D
- 0A0B0C
- 010102
灰色调
- A5ABAF
- A1A6A9
- 9DA1A4
- 989C9F
- 94989A
- 909394
- 8C8E8F
- 88898A
- 848585
配色和谐
互补色 +180°
- A9B0B4
Brilliant Silver
- B4ADA9
≈ Slate Pebble
类似色 -30° +30°
- A9B0B4
Brilliant Silver
- A8B1B1
≈ Flint Smoke
- ABAFB5
≈ Cistern
三角配色 +120° +240°
- A9B0B4
Brilliant Silver
- B4ACAF
≈ Pinch Purple
- AFAFA9
≈ Building Block
分裂互补色 +150° +210°
- A9B0B4
Brilliant Silver
- B5ACAC
≈ Rose Ashes
- B2AEA8
≈ Rocky Bluffs
四角配色 +90° +180° +270°
- A9B0B4
Brilliant Silver
- B2ADB2
≈ Gellibrand
- B4ADA9
≈ Slate Pebble
- ABB0AB
≈ Mineral Deposit
对比度与无障碍
Ag
Fail白底
WCAG 2.19:1 · APCA Lc 43
Ag
AAA黑底
WCAG 9.55:1 · APCA Lc 59
最佳文字颜色: #000000
WCAG 9.55:1 (AAA) · APCA Lc 59
Contrast pairs
代码片段
CSS
:root {
--brilliant-silver: #a9b0b4;
--brilliant-silver-rgb: 169 176 180;
--brilliant-silver-oklch: oklch(0.753 0.01 232.4);
}
.element {
color: var(--brilliant-silver);
background-color: hsl(202 7% 68%);
border-color: oklch(0.753 0.01 232.4);
}Tailwind CSS v4
@theme {
--color-brilliant-silver: #a9b0b4;
--color-brilliant-silver-50: #f2f6f7;
--color-brilliant-silver-100: #e5e8eb;
--color-brilliant-silver-200: #d0d5d8;
--color-brilliant-silver-300: #b3b8bc;
--color-brilliant-silver-400: #99a0a3;
--color-brilliant-silver-500: #80878c;
--color-brilliant-silver-600: #6c7376;
--color-brilliant-silver-700: #575c5e;
--color-brilliant-silver-800: #3f4345;
--color-brilliant-silver-900: #2b2e30;
--color-brilliant-silver-950: #191b1c;
}SCSS
$brilliant-silver: #a9b0b4;
$brilliant-silver-rgb: 169, 176, 180;
$brilliant-silver-light: mix(#fff, $brilliant-silver, 20%);
$brilliant-silver-dark: mix(#000, $brilliant-silver, 20%);
.element {
color: $brilliant-silver;
box-shadow: 0 0 0 2px rgba($brilliant-silver, 0.35);
}