Colore con nome · #AFA5C7
Forever Lilac
Forever Lilac è #AFA5C7: rgb(175 165 199), hsl(258 23% 71%), oklch(0.742 0.05 298.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Forever Lilac color name →
#AFA5C7
oklch(0.742 0.05 298.6)
Conversioni di colore
- HEX
- #afa5c7
- RGB
- rgb(175 165 199)
- HSL
- hsl(258 23% 71%)
- HWB
- hwb(258 65% 22%)
- OKLCH
- oklch(0.742 0.05 298.6)
- OKLab
- oklab(0.742 0.024 -0.043)
- CIE Lab
- lab(69.45 8.74 -16.12)
- LCH
- lch(69.45 18.33 298.5)
- CMYK
- cmyk(12% 17% 0% 22%)
Tinte · Ombre · Toni
Tinte
- B7AECD
- BEB7D2
- C6BFD8
- CEC8DD
- D6D1E3
- DEDAE9
- E6E3EE
- EFEDF4
- F7F6F9
Ombre
- 988FAD
- 817993
- 6B657A
- 565162
- 413D4C
- 2E2B36
- 1C1A21
- 0B0A0E
- 010102
Toni
- AAA1C0
- A59EB9
- A19AB1
- 9C96AA
- 9792A3
- 928F9C
- 8E8B95
- 89878E
- 858487
Armonie di colore
Complementare +180°
- AFA5C7
Forever Lilac
- A8B08D
≈ Family Tree
Analogo -30° +30°
- AFA5C7
Forever Lilac
- 9EABCC
≈ Lilac Scent Soft Blue
- BDA1BB
≈ Leek Blossom Pink
Triadico +120° +240°
- AFA5C7
Forever Lilac
- C4A48D
≈ Summer Hill
- 8AB6AC
≈ Treetop
Complementare divisa +150° +210°
- AFA5C7
Forever Lilac
- B8AA88
≈ Bayberry Wax
- 97B49A
≈ Garden District
Tetradico +90° +180° +270°
- AFA5C7
Forever Lilac
- C9A09A
≈ Aged Pink
- A8B08D
≈ Family Tree
- 87B5BC
≈ Kitchen Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.32:1 · APCA Lc 46
Ag
AAASu nero
WCAG 9.02:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 9.02:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
CSS
:root {
--forever-lilac: #afa5c7;
--forever-lilac-rgb: 175 165 199;
--forever-lilac-oklch: oklch(0.742 0.05 298.6);
}
.element {
color: var(--forever-lilac);
background-color: hsl(258 23% 71%);
border-color: oklch(0.742 0.05 298.6);
}Tailwind CSS v4
@theme {
--color-forever-lilac: #afa5c7;
--color-forever-lilac-50: #f7f2ff;
--color-forever-lilac-100: #eae4f6;
--color-forever-lilac-200: #d7d0e7;
--color-forever-lilac-300: #bbb2cd;
--color-forever-lilac-400: #a298b8;
--color-forever-lilac-500: #8a7fa3;
--color-forever-lilac-600: #756c8a;
--color-forever-lilac-700: #5d566e;
--color-forever-lilac-800: #443f52;
--color-forever-lilac-900: #2f2b39;
--color-forever-lilac-950: #1b1923;
}SCSS
$forever-lilac: #afa5c7;
$forever-lilac-rgb: 175, 165, 199;
$forever-lilac-light: mix(#fff, $forever-lilac, 20%);
$forever-lilac-dark: mix(#000, $forever-lilac, 20%);
.element {
color: $forever-lilac;
box-shadow: 0 0 0 2px rgba($forever-lilac, 0.35);
}