命名颜色 · #ADA5A5

Quest Grey

Quest Grey 即 #ADA5A5：rgb(173 165 165)、hsl(0 5% 66%)、oklch(0.729 0.009 17.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Quest Grey color name →

#ADA5A5

oklch(0.729 0.009 17.4)

颜色转换

HEX: #ada5a5
RGB: rgb(173 165 165)
HSL: hsl(0 5% 66%)
HWB: hwb(0 65% 32%)
OKLCH: oklch(0.729 0.009 17.4)
OKLab: oklab(0.729 0.009 0.003)
CIE Lab: lab(68.43 2.98 1.09)
LCH: lch(68.43 3.18 20)
CMYK: cmyk(0% 5% 5% 32%)

浅色调 · 深色调 · 灰色调

浅色调

B5AEAE
BDB6B6
C5BFBF
CDC8C8
D5D1D1
DEDADA
E6E3E3
EEECEC
F7F6F6

深色调

968F8F
7F7979
6A6565
555151
413D3D
2D2B2B
1B1A1A
0B0A0A
010101

灰色调

A8A1A1
A49D9D
9F9A9A
9B9696
969292
928F8F
8D8B8B
898787
848484

配色和谐

互补色 +180°

ADA5A5
Quest Grey
A1A9A9
≈ Crown of Ash

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 2.41:1 · APCA Lc 48

Fail

黑底

WCAG 8.70:1 · APCA Lc 54

AAA

最佳文字颜色: #000000

WCAG 8.70:1 (AAA) · APCA Lc 54

Contrast pairs

代码片段

CSS

:root {
  --quest-grey: #ada5a5;
  --quest-grey-rgb: 173 165 165;
  --quest-grey-oklch: oklch(0.729 0.009 17.4);
}

.element {
  color: var(--quest-grey);
  background-color: hsl(0 5% 66%);
  border-color: oklch(0.729 0.009 17.4);
}

Tailwind CSS v4

@theme {
  --color-quest-grey: #ada5a5;
  --color-quest-grey-50: #f8f4f4;
  --color-quest-grey-100: #ebe7e6;
  --color-quest-grey-200: #d8d3d2;
  --color-quest-grey-300: #bcb6b5;
  --color-quest-grey-400: #a49c9c;
  --color-quest-grey-500: #8c8484;
  --color-quest-grey-600: #777070;
  --color-quest-grey-700: #5f5959;
  --color-quest-grey-800: #454141;
  --color-quest-grey-900: #302d2d;
  --color-quest-grey-950: #1c1a1a;
}

SCSS

$quest-grey: #ada5a5;
$quest-grey-rgb: 173, 165, 165;
$quest-grey-light: mix(#fff, $quest-grey, 20%);
$quest-grey-dark: mix(#000, $quest-grey, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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