Colore con nome · #A387AC
Violet Eclipse
Violet Eclipse è #A387AC: rgb(163 135 172), hsl(285 18% 60%), oklch(0.662 0.062 317.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Violet Eclipse color name →
#A387AC
oklch(0.662 0.062 317.9)
Conversioni di colore
- HEX
- #a387ac
- RGB
- rgb(163 135 172)
- HSL
- hsl(285 18% 60%)
- HWB
- hwb(285 53% 33%)
- OKLCH
- oklch(0.662 0.062 317.9)
- OKLab
- oklab(0.662 0.046 -0.042)
- CIE Lab
- lab(59.91 16.1 -15.47)
- LCH
- lch(59.91 22.32 316.1)
- CMYK
- cmyk(5% 22% 0% 33%)
Tinte · Ombre · Toni
Tinte
- AC92B4
- B59EBC
- BEAAC5
- C7B6CD
- D0C2D5
- DACEDD
- E3DAE6
- ECE6EE
- F6F3F7
Ombre
- 8D7595
- 78637F
- 635169
- 4F4154
- 3C3140
- 2A212D
- 19131B
- 0A060B
- 010101
Toni
- A086A8
- 9C86A3
- 99859F
- 95849A
- 928496
- 8E8392
- 8B828D
- 878289
- 848184
Armonie di colore
Complementare +180°
- A387AC
Violet Eclipse
- 809C77
≈ Amulet
Analogo -30° +30°
- A387AC
Violet Eclipse
- 908DB7
≈ Sweet Lavender
- B0839A
≈ Heather Violet
Triadico +120° +240°
- A387AC
Violet Eclipse
- A88E67
≈ Fossil Butte
- 639FA0
≈ Meadowbrook
Complementare divisa +150° +210°
- A387AC
Violet Eclipse
- 969669
≈ Rhind Papyrus
- 6C9F8B
≈ Peahen
Tetradico +90° +180° +270°
- A387AC
Violet Eclipse
- B38872
≈ Painted Skies
- 809C77
≈ Amulet
- 699BB1
≈ Yacht Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.17:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.61:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.61:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--violet-eclipse: #a387ac;
--violet-eclipse-rgb: 163 135 172;
--violet-eclipse-oklch: oklch(0.662 0.062 317.9);
}
.element {
color: var(--violet-eclipse);
background-color: hsl(285 18% 60%);
border-color: oklch(0.662 0.062 317.9);
}Tailwind CSS v4
@theme {
--color-violet-eclipse: #a387ac;
--color-violet-eclipse-50: #fdf0ff;
--color-violet-eclipse-100: #f2e2f5;
--color-violet-eclipse-200: #e1cce5;
--color-violet-eclipse-300: #c6aecc;
--color-violet-eclipse-400: #ae93b7;
--color-violet-eclipse-500: #9879a1;
--color-violet-eclipse-600: #806788;
--color-violet-eclipse-700: #67526d;
--color-violet-eclipse-800: #4b3c51;
--color-violet-eclipse-900: #342939;
--color-violet-eclipse-950: #1f1723;
}SCSS
$violet-eclipse: #a387ac;
$violet-eclipse-rgb: 163, 135, 172;
$violet-eclipse-light: mix(#fff, $violet-eclipse, 20%);
$violet-eclipse-dark: mix(#000, $violet-eclipse, 20%);
.element {
color: $violet-eclipse;
box-shadow: 0 0 0 2px rgba($violet-eclipse, 0.35);
}