命名颜色 · #AEACAC

Duct Tape Grey

Duct Tape Grey 即 #AEACAC：rgb(174 172 172)、hsl(0 1% 68%)、oklch(0.746 0.002 17.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Duct Tape Grey color name →

#AEACAC

oklch(0.746 0.002 17.2)

颜色转换

HEX: #aeacac
RGB: rgb(174 172 172)
HSL: hsl(0 1% 68%)
HWB: hwb(0 67% 32%)
OKLCH: oklch(0.746 0.002 17.2)
OKLab: oklab(0.746 0.002 0.001)
CIE Lab: lab(70.52 0.74 0.26)
LCH: lch(70.52 0.78 19.8)
CMYK: cmyk(0% 1% 1% 32%)

浅色调 · 深色调 · 灰色调

浅色调

B6B4B4
BEBCBC
C6C4C4
CECCCC
D6D5D5
DEDDDD
E6E5E5
EEEEEE
F7F6F6

深色调

979595
807F7F
6A6969
555454
414040
2E2D2D
1C1B1B
0B0B0B
010101

灰色调

A9A7A7
A5A3A3
A09F9F
9B9A9A
979696
929191
8E8D8D
898989
848484

配色和谐

互补色 +180°

AEACAC
Duct Tape Grey
ABADAD
≈ Flagstone

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 2.25:1 · APCA Lc 45

Fail

黑底

WCAG 9.29:1 · APCA Lc 58

AAA

最佳文字颜色: #000000

WCAG 9.29:1 (AAA) · APCA Lc 58

Contrast pairs

代码片段

CSS

:root {
  --duct-tape-grey: #aeacac;
  --duct-tape-grey-rgb: 174 172 172;
  --duct-tape-grey-oklch: oklch(0.746 0.002 17.2);
}

.element {
  color: var(--duct-tape-grey);
  background-color: hsl(0 1% 68%);
  border-color: oklch(0.746 0.002 17.2);
}

Tailwind CSS v4

@theme {
  --color-duct-tape-grey: #aeacac;
  --color-duct-tape-grey-50: #f6f5f5;
  --color-duct-tape-grey-100: #e8e7e7;
  --color-duct-tape-grey-200: #d5d4d4;
  --color-duct-tape-grey-300: #b8b7b7;
  --color-duct-tape-grey-400: #a09e9e;
  --color-duct-tape-grey-500: #888585;
  --color-duct-tape-grey-600: #737171;
  --color-duct-tape-grey-700: #5c5a5a;
  --color-duct-tape-grey-800: #434242;
  --color-duct-tape-grey-900: #2e2d2e;
  --color-duct-tape-grey-950: #1b1a1a;
}

SCSS

$duct-tape-grey: #aeacac;
$duct-tape-grey-rgb: 174, 172, 172;
$duct-tape-grey-light: mix(#fff, $duct-tape-grey, 20%);
$duct-tape-grey-dark: mix(#000, $duct-tape-grey, 20%);

.element {
  color: $duct-tape-grey;
  box-shadow: 0 0 0 2px rgba($duct-tape-grey, 0.35);
}

相近的命名颜色

Palettes with similar colors

在工具中打开

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