命名颜色 · #716D63

Dusty Mountain

Dusty Mountain 即 #716D63：rgb(113 109 99)、hsl(43 7% 42%)、oklch(0.535 0.016 88.8)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

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

#716D63

oklch(0.535 0.016 88.8)

颜色转换

HEX: #716d63
RGB: rgb(113 109 99)
HSL: hsl(43 7% 42%)
HWB: hwb(43 39% 56%)
OKLCH: oklch(0.535 0.016 88.8)
OKLab: oklab(0.535 0 0.016)
CIE Lab: lab(46.17 0.19 6.19)
LCH: lch(46.17 6.2 88.2)
CMYK: cmyk(0% 4% 12% 56%)

浅色调 · 深色调 · 灰色调

浅色调

7E7B71
8C8880
99968F
A7A59E
B5B3AE
C4C2BE
D2D1CE
E1E0DE
F0EFEE

深色调

615E55
524F47
43413A
35332E
272621
1A1916
0E0D0B
040403
010100

灰色调

726F66
747169
75736C
77756F
787671
7A7874
7B7A77
7D7C7A
7E7E7D

配色和谐

互补色 +180°

716D63
Dusty Mountain
696D77
≈ Hong Kong Skyline

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 5.15:1 · APCA Lc 76

黑底

WCAG 4.06:1 · APCA Lc 26

Fail

最佳文字颜色: #FFFFFF

WCAG 5.15:1 (AA) · APCA Lc 76

Contrast pairs

代码片段

CSS

:root {
  --dusty-mountain: #716d63;
  --dusty-mountain-rgb: 113 109 99;
  --dusty-mountain-oklch: oklch(0.535 0.016 88.8);
}

.element {
  color: var(--dusty-mountain);
  background-color: hsl(43 7% 42%);
  border-color: oklch(0.535 0.016 88.8);
}

Tailwind CSS v4

@theme {
  --color-dusty-mountain: #716d63;
  --color-dusty-mountain-50: #f7f5f0;
  --color-dusty-mountain-100: #eae8e2;
  --color-dusty-mountain-200: #d7d4cd;
  --color-dusty-mountain-300: #bab7ae;
  --color-dusty-mountain-400: #a29e94;
  --color-dusty-mountain-500: #8a867a;
  --color-dusty-mountain-600: #757168;
  --color-dusty-mountain-700: #5e5b53;
  --color-dusty-mountain-800: #45423c;
  --color-dusty-mountain-900: #2f2e29;
  --color-dusty-mountain-950: #1c1a17;
}

SCSS

$dusty-mountain: #716d63;
$dusty-mountain-rgb: 113, 109, 99;
$dusty-mountain-light: mix(#fff, $dusty-mountain, 20%);
$dusty-mountain-dark: mix(#000, $dusty-mountain, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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