Colore con nome · #A17791
Angel Heart
Angel Heart è #A17791: rgb(161 119 145), hsl(323 18% 55%), oklch(0.619 0.063 341.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Angel Heart color name →
#A17791
oklch(0.619 0.063 341.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- AA849C
- B491A6
- BD9EB1
- C7ACBC
- D0B9C7
- D9C7D2
- E3D5DD
- ECE3E8
- F6F1F4
Ombre
- 8B677D
- 76576A
- 624758
- 4E3846
- 3C2A35
- 2A1C25
- 191015
- 090507
- 010101
Toni
- 9E788F
- 9B798E
- 987A8C
- 947B8A
- 917C89
- 8E7D87
- 8A7E85
- 877E83
- 847F82
Armonie di colore
Complementare +180°
- A17791
Angel Heart
- 63927A
≈ Sheffield
Analogo -30° +30°
- A17791
Angel Heart
- 937BA2
≈ Violet Chalk
- A8767C
≈ Handmade Red
Triadico +120° +240°
- A17791
Angel Heart
- 8E885A
≈ Fertile Green
- 598FA1
≈ Sail Cover
Complementare divisa +150° +210°
- A17791
Angel Heart
- 788E66
≈ Crispy Crunch
- 56928F
≈ Green Agate
Tetradico +90° +180° +270°
- A17791
Angel Heart
- 9E805B
≈ Corkboard
- 63927A
≈ Sheffield
- 6A89AB
≈ Pale Flower
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.77:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.56:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.56:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
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);
}