이름 색상 · #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