命名颜色 · #D6D6D6

Silver Medal

Silver Medal 即 #D6D6D6：rgb(214 214 214)、hsl(0 0% 84%)、oklch(0.876 0 0)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Silver Medal color name →

#D6D6D6

oklch(0.876 0 0)

颜色转换

HEX: #d6d6d6
RGB: rgb(214 214 214)
HSL: hsl(0 0% 84%)
HWB: hwb(0 84% 16%)
OKLCH: oklch(0.876 0 0)
OKLab: oklab(0.876 0 0)
CIE Lab: lab(85.63 0 0)
LCH: lch(85.63 0 0)
CMYK: cmyk(0% 0% 0% 16%)

浅色调 · 深色调 · 灰色调

浅色调

DADADA
DEDEDE
E2E2E2
E6E6E6
EAEAEA
EEEEEE
F3F3F3
F7F7F7
FBFBFB

深色调

BABABA
9E9E9E
848484
6A6A6A
525252
3B3B3B
252525
101010
020202

灰色调

CDCDCD
C4C4C4
BBBBBB
B3B3B3
AAAAAA
A1A1A1
999999
919191
888888

配色和谐

互补色 +180°

D6D6D6
Silver Medal
D6D6D6
≈ Silver Medal

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.45:1 · APCA Lc 22

Fail

黑底

WCAG 14.44:1 · APCA Lc 82

AAA

最佳文字颜色: #000000

WCAG 14.44:1 (AAA) · APCA Lc 82

Contrast pairs

代码片段

CSS

:root {
  --silver-medal: #d6d6d6;
  --silver-medal-rgb: 214 214 214;
  --silver-medal-oklch: oklch(0.876 0 0);
}

.element {
  color: var(--silver-medal);
  background-color: hsl(0 0% 84%);
  border-color: oklch(0.876 0 0);
}

Tailwind CSS v4

@theme {
  --color-silver-medal: #d6d6d6;
  --color-silver-medal-50: #f5f5f5;
  --color-silver-medal-100: #e8e8e8;
  --color-silver-medal-200: #d4d4d4;
  --color-silver-medal-300: #b7b7b7;
  --color-silver-medal-400: #9e9e9e;
  --color-silver-medal-500: #868686;
  --color-silver-medal-600: #717171;
  --color-silver-medal-700: #5b5b5b;
  --color-silver-medal-800: #424242;
  --color-silver-medal-900: #2e2e2e;
  --color-silver-medal-950: #1b1b1b;
}

SCSS

$silver-medal: #d6d6d6;
$silver-medal-rgb: 214, 214, 214;
$silver-medal-light: mix(#fff, $silver-medal, 20%);
$silver-medal-dark: mix(#000, $silver-medal, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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