命名颜色 · #AFA8AE

Angel Aura

Angel Aura 即 #AFA8AE：rgb(175 168 174)、hsl(309 4% 67%)、oklch(0.739 0.012 330.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Angel Aura color name →

#AFA8AE

oklch(0.739 0.012 330.2)

颜色转换

HEX: #afa8ae
RGB: rgb(175 168 174)
HSL: hsl(309 4% 67%)
HWB: hwb(309 66% 31%)
OKLCH: oklch(0.739 0.012 330.2)
OKLab: oklab(0.739 0.01 -0.006)
CIE Lab: lab(69.59 3.43 -2.16)
LCH: lch(69.59 4.05 327.8)
CMYK: cmyk(0% 4% 1% 31%)

浅色调 · 深色调 · 灰色调

浅色调

B7B0B6
BFB9BE
C6C1C6
CECACE
D6D3D6
DEDBDE
E6E4E6
EFEDEE
F7F6F7

深色调

989297
817C80
6B676A
565255
413F41
2E2C2E
1C1A1C
0B0A0B
010101

灰色调

AAA4A9
A5A0A5
A19CA0
9C989B
979497
929092
8E8C8E
898889
858484

配色和谐

互补色 +180°

AFA8AE
Angel Aura
A6ADA7
≈ Silver Screen

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 2.32:1 · APCA Lc 46

Fail

黑底

WCAG 9.03:1 · APCA Lc 56

AAA

最佳文字颜色: #000000

WCAG 9.03:1 (AAA) · APCA Lc 56

Contrast pairs

代码片段

CSS

:root {
  --angel-aura: #afa8ae;
  --angel-aura-rgb: 175 168 174;
  --angel-aura-oklch: oklch(0.739 0.012 330.2);
}

.element {
  color: var(--angel-aura);
  background-color: hsl(309 4% 67%);
  border-color: oklch(0.739 0.012 330.2);
}

Tailwind CSS v4

@theme {
  --color-angel-aura: #afa8ae;
  --color-angel-aura-50: #f7f4f6;
  --color-angel-aura-100: #eae6e9;
  --color-angel-aura-200: #d7d2d6;
  --color-angel-aura-300: #bbb5ba;
  --color-angel-aura-400: #a39ca2;
  --color-angel-aura-500: #8b838a;
  --color-angel-aura-600: #756f75;
  --color-angel-aura-700: #5e595d;
  --color-angel-aura-800: #454144;
  --color-angel-aura-900: #2f2d2f;
  --color-angel-aura-950: #1c1a1c;
}

SCSS

$angel-aura: #afa8ae;
$angel-aura-rgb: 175, 168, 174;
$angel-aura-light: mix(#fff, $angel-aura, 20%);
$angel-aura-dark: mix(#000, $angel-aura, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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