Cor nomeada · #BA93D8
Lenurple
Lenurple é #BA93D8: rgb(186 147 216), hsl(274 47% 71%), oklch(0.724 0.106 309.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Lenurple color name →
#BA93D8
oklch(0.724 0.106 309.7)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- C19EDC
- C8A8E0
- CEB3E4
- D5BEE8
- DCC9EC
- E3D3F0
- EADEF4
- F1E9F8
- F8F4FB
Sombras
- A17FBC
- 896CA0
- 725985
- 5C476B
- 463653
- 32253B
- 1E1625
- 0D0811
- 020102
Tons
- B491CF
- AE90C6
- A88EBD
- A28CB5
- 9D8AAC
- 9788A3
- 91869A
- 8B8491
- 868289
Harmonias de cor
Complementar +180°
- BA93D8
Lenurple
- 90B36A
≈ Nasturtium Leaf
Análoga -30° +30°
- BA93D8
Lenurple
- 989EE7
≈ Cold Lips
- D28BBB
≈ Cyclamen
Tríade +120° +240°
- BA93D8
Lenurple
- D19A58
≈ Autumn Spice
- 42BBB4
≈ Magnetic Magic
Complementar dividida +150° +210°
- BA93D8
Lenurple
- B6A754
≈ Moss Stone
- 65BA8E
≈ Garden Variety
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.54:1 · APCA Lc 50
Ag
AAASobre preto
WCAG 8.25:1 · APCA Lc 52
Melhor cor de texto: #000000
WCAG 8.25:1 (AAA) · APCA Lc 52
Contrast pairs
Trechos de código
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);
}