이름 색상 · #A17791

Angel Heart

Angel Heart은(는) #A17791: rgb(161 119 145), hsl(323 18% 55%), oklch(0.619 0.063 341.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Pink mean? → · Angel Heart color name →

#A17791

oklch(0.619 0.063 341.5)

색상 변환

HEX: #a17791
RGB: rgb(161 119 145)
HSL: hsl(323 18% 55%)
HWB: hwb(323 47% 37%)
OKLCH: oklch(0.619 0.063 341.5)
OKLab: oklab(0.619 0.06 -0.02)
CIE Lab: lab(54.94 20.11 -7.4)
LCH: lch(54.94 21.43 339.8)
CMYK: cmyk(0% 26% 10% 37%)

틴트 · 셰이드 · 톤

틴트

AA849C
B491A6
BD9EB1
C7ACBC
D0B9C7
D9C7D2
E3D5DD
ECE3E8
F6F1F4

셰이드

8B677D
76576A
624758
4E3846
3C2A35
2A1C25
191015
090507
010101

톤

9E788F
9B798E
987A8C
947B8A
917C89
8E7D87
8A7E85
877E83
847F82

색 조화

보색 +180°

A17791
Angel Heart
63927A
≈ Sheffield

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

사각 배색 +90° +180° +270°

대비 및 접근성

흰색 위

WCAG 3.77:1 · APCA Lc 65

Fail

검은색 위

WCAG 5.56:1 · APCA Lc 36

가장 좋은 글자색: #000000

WCAG 5.56:1 (AA) · APCA Lc 36

Contrast pairs

코드 스니펫

CSS

:root {
  --angel-heart: #a17791;
  --angel-heart-rgb: 161 119 145;
  --angel-heart-oklch: oklch(0.619 0.063 341.5);
}

.element {
  color: var(--angel-heart);
  background-color: hsl(323 18% 55%);
  border-color: oklch(0.619 0.063 341.5);
}

Tailwind CSS v4

@theme {
  --color-angel-heart: #a17791;
  --color-angel-heart-50: #ffeefa;
  --color-angel-heart-100: #f8e0ed;
  --color-angel-heart-200: #e9cadb;
  --color-angel-heart-300: #d0abc0;
  --color-angel-heart-400: #b990a9;
  --color-angel-heart-500: #a47692;
  --color-angel-heart-600: #8a647c;
  --color-angel-heart-700: #6f5063;
  --color-angel-heart-800: #513a49;
  --color-angel-heart-900: #392833;
  --color-angel-heart-950: #23161f;
}

SCSS

$angel-heart: #a17791;
$angel-heart-rgb: 161, 119, 145;
$angel-heart-light: mix(#fff, $angel-heart, 20%);
$angel-heart-dark: mix(#000, $angel-heart, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

피커 조합 대비 검사기 Studio JSON API