Colore con nome · #462E6E
Abra Purple
Abra Purple è #462E6E: rgb(70 46 110), hsl(263 41% 31%), oklch(0.364 0.107 298.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Abra Purple color name →
#462E6E
oklch(0.364 0.107 298.2)
Conversioni di colore
- HEX
- #462e6e
- RGB
- rgb(70 46 110)
- HSL
- hsl(263 41% 31%)
- HWB
- hwb(263 18% 57%)
- OKLCH
- oklch(0.364 0.107 298.2)
- OKLab
- oklab(0.364 0.051 -0.095)
- CIE Lab
- lab(24.53 22.91 -33.77)
- LCH
- lch(24.53 40.8 304.2)
- CMYK
- cmyk(36% 58% 0% 57%)
Tinte · Ombre · Toni
Tinte
- 56427C
- 67558B
- 786999
- 8A7DA8
- 9D92B6
- AFA7C5
- C3BDD3
- D6D2E2
- EBE8F0
Ombre
- 3C275F
- 321F50
- 281841
- 1E1233
- 150B26
- 0D0619
- 05020E
- 020104
- 000001
Toni
- 4B3770
- 513F73
- 564775
- 5C5077
- 625879
- 68607A
- 6D687C
- 74707E
- 7A787F
Armonie di colore
Complementare +180°
- 462E6E
Abra Purple
- 3A4400
≈ Garden Shadow
Analogo -30° +30°
- 462E6E
Abra Purple
- 263976
≈ Blue Expanse
- 5B255A
≈ Kuwanomi Purple
Triadico +120° +240°
- 462E6E
Abra Purple
- 5F3000
≈ Count Chocula
- 00493E
≈ Tropical Forest
Complementare divisa +150° +210°
- 462E6E
Abra Purple
- 4E3B00
≈ Xanthophobia
- 004C1A
≈ Dark Fern
Tetradico +90° +180° +270°
- 462E6E
Abra Purple
- 6B211B
≈ Bloodlust
- 3A4400
≈ Garden Shadow
- 00474F
≈ Sherpa Blue
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.19:1 · APCA Lc 96
Ag
FailSu nero
WCAG 1.87:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 11.19:1 (AAA) · APCA Lc 96
Contrast pairs
Frammenti di codice
CSS
:root {
--abra-purple: #462e6e;
--abra-purple-rgb: 70 46 110;
--abra-purple-oklch: oklch(0.364 0.107 298.2);
}
.element {
color: var(--abra-purple);
background-color: hsl(263 41% 31%);
border-color: oklch(0.364 0.107 298.2);
}Tailwind CSS v4
@theme {
--color-abra-purple: #462e6e;
--color-abra-purple-50: #faefff;
--color-abra-purple-100: #ede0ff;
--color-abra-purple-200: #dbcafc;
--color-abra-purple-300: #c0abe7;
--color-abra-purple-400: #a690d6;
--color-abra-purple-500: #8f75c4;
--color-abra-purple-600: #7964a5;
--color-abra-purple-700: #614f85;
--color-abra-purple-800: #463a63;
--color-abra-purple-900: #302846;
--color-abra-purple-950: #1d162d;
}SCSS
$abra-purple: #462e6e;
$abra-purple-rgb: 70, 46, 110;
$abra-purple-light: mix(#fff, $abra-purple, 20%);
$abra-purple-dark: mix(#000, $abra-purple, 20%);
.element {
color: $abra-purple;
box-shadow: 0 0 0 2px rgba($abra-purple, 0.35);
}