Colore con nome · #A489A0
Radiant Lilac
Radiant Lilac è #A489A0: rgb(164 137 160), hsl(309 13% 59%), oklch(0.662 0.046 331). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Radiant Lilac color name →
#A489A0
oklch(0.662 0.046 331)
Conversioni di colore
- HEX
- #a489a0
- RGB
- rgb(164 137 160)
- HSL
- hsl(309 13% 59%)
- HWB
- hwb(309 54% 36%)
- OKLCH
- oklch(0.662 0.046 331)
- OKLab
- oklab(0.662 0.04 -0.022)
- CIE Lab
- lab(60.18 13.61 -8.24)
- LCH
- lch(60.18 15.91 328.8)
- CMYK
- cmyk(0% 16% 2% 36%)
Tinte · Ombre · Toni
Tinte
- AD94A9
- B6A0B2
- BFABBC
- C8B7C5
- D1C3CF
- DACED8
- E3DAE2
- ECE6EB
- F6F3F5
Ombre
- 8E768B
- 796476
- 645361
- 50424E
- 3D313B
- 2B2229
- 1A1419
- 0A0709
- 010101
Toni
- A0889D
- 9D879A
- 998696
- 968693
- 928590
- 8E848D
- 8B838A
- 878286
- 848183
Armonie di colore
Complementare +180°
- A489A0
Radiant Lilac
- 7F9B85
≈ Parisian Patina
Analogo -30° +30°
- A489A0
Radiant Lilac
- 978DAB
≈ Futuristic
- AC8891
≈ Orchid Red
Triadico +120° +240°
- A489A0
Radiant Lilac
- 9D9273
≈ Mossy Gold
- 729BA3
≈ Great Fennel Flower
Complementare divisa +150° +210°
- A489A0
Radiant Lilac
- 8E9878
≈ Artichoke
- 749D94
≈ Regal View
Tetradico +90° +180° +270°
- A489A0
Radiant Lilac
- A88D77
≈ Nearly Brown
- 7F9B85
≈ Parisian Patina
- 7A97AD
≈ Weldon Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.15:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.66:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.66:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--radiant-lilac: #a489a0;
--radiant-lilac-rgb: 164 137 160;
--radiant-lilac-oklch: oklch(0.662 0.046 331);
}
.element {
color: var(--radiant-lilac);
background-color: hsl(309 13% 59%);
border-color: oklch(0.662 0.046 331);
}Tailwind CSS v4
@theme {
--color-radiant-lilac: #a489a0;
--color-radiant-lilac-50: #fef1fb;
--color-radiant-lilac-100: #f2e3ef;
--color-radiant-lilac-200: #e1cddd;
--color-radiant-lilac-300: #c6afc2;
--color-radiant-lilac-400: #af95ab;
--color-radiant-lilac-500: #997b94;
--color-radiant-lilac-600: #81697d;
--color-radiant-lilac-700: #675364;
--color-radiant-lilac-800: #4c3d4a;
--color-radiant-lilac-900: #342a34;
--color-radiant-lilac-950: #20171f;
}SCSS
$radiant-lilac: #a489a0;
$radiant-lilac-rgb: 164, 137, 160;
$radiant-lilac-light: mix(#fff, $radiant-lilac, 20%);
$radiant-lilac-dark: mix(#000, $radiant-lilac, 20%);
.element {
color: $radiant-lilac;
box-shadow: 0 0 0 2px rgba($radiant-lilac, 0.35);
}