命名颜色 · #AFA8A9

Smoky Mountain

Smoky Mountain 即 #AFA8A9：rgb(175 168 169)、hsl(351 4% 67%)、oklch(0.738 0.008 7.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Smoky Mountain color name →

#AFA8A9

oklch(0.738 0.008 7.4)

颜色转换

HEX: #afa8a9
RGB: rgb(175 168 169)
HSL: hsl(351 4% 67%)
HWB: hwb(351 66% 31%)
OKLCH: oklch(0.738 0.008 7.4)
OKLab: oklab(0.738 0.008 0.001)
CIE Lab: lab(69.48 2.74 0.43)
LCH: lch(69.48 2.77 8.9)
CMYK: cmyk(0% 4% 3% 31%)

浅色调 · 深色调 · 灰色调

浅色调

B7B0B1
BFB9BA
C6C1C2
CECACB
D6D3D3
DEDBDC
E6E4E5
EFEDED
F7F6F6

深色调

989292
817C7C
6B6767
565253
413F3F
2E2C2C
1C1A1B
0B0A0A
010101

灰色调

AAA4A5
A5A0A1
A19C9C
9C9898
979494
929090
8E8C8C
898888
858484

配色和谐

互补色 +180°

AFA8A9
Smoky Mountain
A5ACAB
≈ Cloud Mountain

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

四角配色 +90° +180° +270°

对比度与无障碍

白底

WCAG 2.33:1 · APCA Lc 46

Fail

黑底

WCAG 8.99:1 · APCA Lc 56

AAA

最佳文字颜色: #000000

WCAG 8.99:1 (AAA) · APCA Lc 56

Contrast pairs

代码片段

CSS

:root {
  --smoky-mountain: #afa8a9;
  --smoky-mountain-rgb: 175 168 169;
  --smoky-mountain-oklch: oklch(0.738 0.008 7.4);
}

.element {
  color: var(--smoky-mountain);
  background-color: hsl(351 4% 67%);
  border-color: oklch(0.738 0.008 7.4);
}

Tailwind CSS v4

@theme {
  --color-smoky-mountain: #afa8a9;
  --color-smoky-mountain-50: #f7f4f4;
  --color-smoky-mountain-100: #eae7e7;
  --color-smoky-mountain-200: #d8d3d3;
  --color-smoky-mountain-300: #bbb6b6;
  --color-smoky-mountain-400: #a39c9d;
  --color-smoky-mountain-500: #8b8485;
  --color-smoky-mountain-600: #767071;
  --color-smoky-mountain-700: #5e595a;
  --color-smoky-mountain-800: #454142;
  --color-smoky-mountain-900: #302d2d;
  --color-smoky-mountain-950: #1c1a1a;
}

SCSS

$smoky-mountain: #afa8a9;
$smoky-mountain-rgb: 175, 168, 169;
$smoky-mountain-light: mix(#fff, $smoky-mountain, 20%);
$smoky-mountain-dark: mix(#000, $smoky-mountain, 20%);

.element {
  color: $smoky-mountain;
  box-shadow: 0 0 0 2px rgba($smoky-mountain, 0.35);
}

相近的命名颜色

Palettes with similar colors

在工具中打开

取色器配色组合对比度检测 Studio JSON API