命名颜色 · #AEAEB7

Love-Struck Chinchilla

Love-Struck Chinchilla 即 #AEAEB7：rgb(174 174 183)、hsl(240 6% 70%)、oklch(0.754 0.013 286.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Love-Struck Chinchilla color name →

#AEAEB7

oklch(0.754 0.013 286.1)

颜色转换

HEX: #aeaeb7
RGB: rgb(174 174 183)
HSL: hsl(240 6% 70%)
HWB: hwb(240 68% 28%)
OKLCH: oklch(0.754 0.013 286.1)
OKLab: oklab(0.754 0.004 -0.012)
CIE Lab: lab(71.3 1.29 -4.62)
LCH: lch(71.3 4.8 285.6)
CMYK: cmyk(5% 5% 0% 28%)

浅色调 · 深色调 · 灰色调

浅色调

B6B6BE
BEBEC5
C6C6CC
CECED3
D6D6DA
DEDEE2
E6E6E9
EEEEF0
F7F7F8

深色调

97979F
808087
6A6A70
55555A
414145
2E2E31
1C1C1E
0B0B0C
010102

灰色调

A9A9B1
A5A5AC
A0A0A6
9B9BA1
97979B
929296
8E8E90
89898B
848485

配色和谐

互补色 +180°

AEAEB7
Love-Struck Chinchilla
B0B0A7
≈ Urban Putty

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

对比度与无障碍

白底

WCAG 2.20:1 · APCA Lc 43

Fail

黑底

WCAG 9.53:1 · APCA Lc 59

AAA

最佳文字颜色: #000000

WCAG 9.53:1 (AAA) · APCA Lc 59

Contrast pairs

代码片段

CSS

:root {
  --love-struck-chinchilla: #aeaeb7;
  --love-struck-chinchilla-rgb: 174 174 183;
  --love-struck-chinchilla-oklch: oklch(0.754 0.013 286.1);
}

.element {
  color: var(--love-struck-chinchilla);
  background-color: hsl(240 6% 70%);
  border-color: oklch(0.754 0.013 286.1);
}

Tailwind CSS v4

@theme {
  --color-love-struck-chinchilla: #aeaeb7;
  --color-love-struck-chinchilla-50: #f5f5f9;
  --color-love-struck-chinchilla-100: #e7e7ec;
  --color-love-struck-chinchilla-200: #d4d3d9;
  --color-love-struck-chinchilla-300: #b7b6be;
  --color-love-struck-chinchilla-400: #9d9da6;
  --color-love-struck-chinchilla-500: #85858e;
  --color-love-struck-chinchilla-600: #717179;
  --color-love-struck-chinchilla-700: #5a5a60;
  --color-love-struck-chinchilla-800: #424247;
  --color-love-struck-chinchilla-900: #2d2d31;
  --color-love-struck-chinchilla-950: #1a1a1d;
}

SCSS

$love-struck-chinchilla: #aeaeb7;
$love-struck-chinchilla-rgb: 174, 174, 183;
$love-struck-chinchilla-light: mix(#fff, $love-struck-chinchilla, 20%);
$love-struck-chinchilla-dark: mix(#000, $love-struck-chinchilla, 20%);

.element {
  color: $love-struck-chinchilla;
  box-shadow: 0 0 0 2px rgba($love-struck-chinchilla, 0.35);
}

相近的命名颜色

Palettes with similar colors

在工具中打开

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