Colore con nome · #BA93D8
Lenurple
Lenurple è #BA93D8: rgb(186 147 216), hsl(274 47% 71%), oklch(0.724 0.106 309.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Lenurple color name →
#BA93D8
oklch(0.724 0.106 309.7)
Conversioni di colore
- HEX
- #ba93d8
- RGB
- rgb(186 147 216)
- HSL
- hsl(274 47% 71%)
- HWB
- hwb(274 58% 15%)
- OKLCH
- oklch(0.724 0.106 309.7)
- OKLab
- oklab(0.724 0.068 -0.082)
- CIE Lab
- lab(66.52 24.73 -29.8)
- LCH
- lch(66.52 38.72 309.7)
- CMYK
- cmyk(14% 32% 0% 15%)
Tinte · Ombre · Toni
Tinte
- C19EDC
- C8A8E0
- CEB3E4
- D5BEE8
- DCC9EC
- E3D3F0
- EADEF4
- F1E9F8
- F8F4FB
Ombre
- A17FBC
- 896CA0
- 725985
- 5C476B
- 463653
- 32253B
- 1E1625
- 0D0811
- 020102
Toni
- B491CF
- AE90C6
- A88EBD
- A28CB5
- 9D8AAC
- 9788A3
- 91869A
- 8B8491
- 868289
Armonie di colore
Complementare +180°
- BA93D8
Lenurple
- 90B36A
≈ Nasturtium Leaf
Analogo -30° +30°
- BA93D8
Lenurple
- 989EE7
≈ Cold Lips
- D28BBB
≈ Cyclamen
Triadico +120° +240°
- BA93D8
Lenurple
- D19A58
≈ Autumn Spice
- 42BBB4
≈ Magnetic Magic
Complementare divisa +150° +210°
- BA93D8
Lenurple
- B6A754
≈ Moss Stone
- 65BA8E
≈ Garden Variety
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.54:1 · APCA Lc 50
Ag
AAASu nero
WCAG 8.25:1 · APCA Lc 52
Miglior colore del testo: #000000
WCAG 8.25:1 (AAA) · APCA Lc 52
Contrast pairs
Frammenti di codice
CSS
:root {
--lenurple: #ba93d8;
--lenurple-rgb: 186 147 216;
--lenurple-oklch: oklch(0.724 0.106 309.7);
}
.element {
color: var(--lenurple);
background-color: hsl(274 47% 71%);
border-color: oklch(0.724 0.106 309.7);
}Tailwind CSS v4
@theme {
--color-lenurple: #ba93d8;
--color-lenurple-50: #ffedff;
--color-lenurple-100: #f4deff;
--color-lenurple-200: #e3c8f6;
--color-lenurple-300: #caa8df;
--color-lenurple-400: #b18dce;
--color-lenurple-500: #9b71bb;
--color-lenurple-600: #83609e;
--color-lenurple-700: #694d7f;
--color-lenurple-800: #4c385f;
--color-lenurple-900: #352642;
--color-lenurple-950: #20142b;
}SCSS
$lenurple: #ba93d8;
$lenurple-rgb: 186, 147, 216;
$lenurple-light: mix(#fff, $lenurple, 20%);
$lenurple-dark: mix(#000, $lenurple, 20%);
.element {
color: $lenurple;
box-shadow: 0 0 0 2px rgba($lenurple, 0.35);
}