命名颜色 · #6E7173

Antique Tin

Antique Tin 即 #6E7173：rgb(110 113 115)、hsl(204 2% 44%)、oklch(0.547 0.005 236.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Antique Tin color name →

#6E7173

oklch(0.547 0.005 236.6)

颜色转换

HEX: #6e7173
RGB: rgb(110 113 115)
HSL: hsl(204 2% 44%)
HWB: hwb(204 43% 55%)
OKLCH: oklch(0.547 0.005 236.6)
OKLab: oklab(0.547 -0.003 -0.004)
CIE Lab: lab(47.43 -0.87 -1.53)
LCH: lch(47.43 1.76 240.3)
CMYK: cmyk(4% 2% 0% 55%)

浅色调 · 深色调 · 灰色调

浅色调

7B7E80
898C8D
97999B
A5A7A9
B4B5B6
C2C4C5
D1D2D3
E0E1E1
F0F0F0

深色调

5F6163
505254
414345
333536
262728
191A1B
0E0E0F
040405
010101

灰色调

707274
727476
737577
757778
777879
797A7B
7B7B7C
7C7D7D
7E7E7F

配色和谐

互补色 +180°

6E7173
Antique Tin
73706E
≈ Dugong

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 4.91:1 · APCA Lc 74

黑底

WCAG 4.27:1 · APCA Lc 28

Fail

最佳文字颜色: #FFFFFF

WCAG 4.91:1 (AA) · APCA Lc 74

Contrast pairs

代码片段

CSS

:root {
  --antique-tin: #6e7173;
  --antique-tin-rgb: 110 113 115;
  --antique-tin-oklch: oklch(0.547 0.005 236.6);
}

.element {
  color: var(--antique-tin);
  background-color: hsl(204 2% 44%);
  border-color: oklch(0.547 0.005 236.6);
}

Tailwind CSS v4

@theme {
  --color-antique-tin: #6e7173;
  --color-antique-tin-50: #f4f5f6;
  --color-antique-tin-100: #e6e8e9;
  --color-antique-tin-200: #d2d4d6;
  --color-antique-tin-300: #b5b8b9;
  --color-antique-tin-400: #9c9fa1;
  --color-antique-tin-500: #838789;
  --color-antique-tin-600: #6f7274;
  --color-antique-tin-700: #595b5d;
  --color-antique-tin-800: #414344;
  --color-antique-tin-900: #2d2e2f;
  --color-antique-tin-950: #1a1b1b;
}

SCSS

$antique-tin: #6e7173;
$antique-tin-rgb: 110, 113, 115;
$antique-tin-light: mix(#fff, $antique-tin, 20%);
$antique-tin-dark: mix(#000, $antique-tin, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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