Colore con nome · #A97FB1
Heart Potion
Heart Potion è #A97FB1: rgb(169 127 177), hsl(290 24% 60%), oklch(0.655 0.087 321). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Heart Potion color name →
#A97FB1
oklch(0.655 0.087 321)
Conversioni di colore
- HEX
- #a97fb1
- RGB
- rgb(169 127 177)
- HSL
- hsl(290 24% 60%)
- HWB
- hwb(290 50% 31%)
- OKLCH
- oklch(0.655 0.087 321)
- OKLab
- oklab(0.655 0.067 -0.055)
- CIE Lab
- lab(58.7 23.33 -20.04)
- LCH
- lch(58.7 30.75 319.3)
- CMYK
- cmyk(5% 28% 0% 31%)
Tinte · Ombre · Toni
Tinte
- B28BB9
- BA98C1
- C3A4C8
- CBB1D0
- D4BED8
- DCCBE0
- E5D8E8
- EEE5EF
- F6F2F7
Ombre
- 926E99
- 7C5D83
- 674C6C
- 533C57
- 3F2D42
- 2C1F2F
- 1B111C
- 0A060C
- 010101
Toni
- A57FAC
- A180A7
- 9D80A2
- 99809D
- 958099
- 918094
- 8D808F
- 88808A
- 848085
Armonie di colore
Complementare +180°
- A97FB1
Heart Potion
- 739E6C
≈ Blackthorn Green
Analogo -30° +30°
- A97FB1
Heart Potion
- 9087C2
≈ Amethyst Grey
- B97A97
≈ Benifuji
Triadico +120° +240°
- A97FB1
Heart Potion
- AC8B50
≈ Teak
- 44A0A6
≈ Aqua Fresco
Complementare divisa +150° +210°
- A97FB1
Heart Potion
- 939655
≈ Ancient Maze
- 53A289
≈ Corrosion Green
Tetradico +90° +180° +270°
- A97FB1
Heart Potion
- BB815F
≈ Sundial
- 739E6C
≈ Blackthorn Green
- 549ABC
≈ Steel Light Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.30:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.35:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.35:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--heart-potion: #a97fb1;
--heart-potion-rgb: 169 127 177;
--heart-potion-oklch: oklch(0.655 0.087 321);
}
.element {
color: var(--heart-potion);
background-color: hsl(290 24% 60%);
border-color: oklch(0.655 0.087 321);
}Tailwind CSS v4
@theme {
--color-heart-potion: #a97fb1;
--color-heart-potion-50: #ffedff;
--color-heart-potion-100: #f7dff9;
--color-heart-potion-200: #e7c8ea;
--color-heart-potion-300: #cda9d2;
--color-heart-potion-400: #b68ebe;
--color-heart-potion-500: #a073a9;
--color-heart-potion-600: #88618f;
--color-heart-potion-700: #6d4e73;
--color-heart-potion-800: #4f3856;
--color-heart-potion-900: #37273c;
--color-heart-potion-950: #221525;
}SCSS
$heart-potion: #a97fb1;
$heart-potion-rgb: 169, 127, 177;
$heart-potion-light: mix(#fff, $heart-potion, 20%);
$heart-potion-dark: mix(#000, $heart-potion, 20%);
.element {
color: $heart-potion;
box-shadow: 0 0 0 2px rgba($heart-potion, 0.35);
}