Color con nombre · #C48EFD
Liliac
Liliac es #C48EFD: rgb(196 142 253), hsl(269 97% 77%), oklch(0.742 0.163 305.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Purple mean? → · Liliac color name →
#C48EFD
oklch(0.742 0.163 305.2)
Conversiones de color
- HEX
- #c48efd
- RGB
- rgb(196 142 253)
- HSL
- hsl(269 97% 77%)
- HWB
- hwb(269 56% 1%)
- OKLCH
- oklch(0.742 0.163 305.2)
- OKLab
- oklab(0.742 0.094 -0.133)
- CIE Lab
- lab(67.75 36.78 -48.08)
- LCH
- lch(67.75 60.53 307.4)
- CMYK
- cmyk(23% 44% 0% 1%)
Tintes · Sombras · Tonos
Tintes
- CA9AFE
- D0A6FF
- D5B1FF
- DBBCFF
- E1C8FF
- E7D3FF
- EDDEFF
- F3E9FF
- F9F4FF
Sombras
- AA7BDC
- 9168BC
- 78569D
- 61447F
- 4A3462
- 352447
- 21152D
- 0E0716
- 020103
Tonos
- BD8DF0
- B68CE4
- AF8BD7
- A88ACB
- A189BE
- 9A87B2
- 9486A5
- 8D8499
- 87828C
Armonías de color
Complementario +180°
- C48EFD
Liliac
- 94BD38
≈ Funky Frog
Análogo -30° +30°
- C48EFD
Liliac
- 94A4FF
≈ Widowmaker
- E980D4
≈ Blushed Bombshell
Triádico +120° +240°
- C48EFD
Liliac
- F09210
≈ Forceful Orange
- 00C6B7
≈ Amazonite
Complementario dividido +150° +210°
- C48EFD
Liliac
- CAA900
≈ Christmas Gold
- 39C97D
≈ Emerald Reflection
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.43:1 · APCA Lc 48
Ag
AAASobre negro
WCAG 8.63:1 · APCA Lc 54
Mejor color de texto: #000000
WCAG 8.63:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmentos de código
CSS
:root {
--liliac: #c48efd;
--liliac-rgb: 196 142 253;
--liliac-oklch: oklch(0.742 0.163 305.2);
}
.element {
color: var(--liliac);
background-color: hsl(269 97% 77%);
border-color: oklch(0.742 0.163 305.2);
}Tailwind CSS v4
@theme {
--color-liliac: #c48efd;
--color-liliac-50: #ffeaff;
--color-liliac-100: #f6daff;
--color-liliac-200: #e7c2ff;
--color-liliac-300: #cea0f8;
--color-liliac-400: #b583eb;
--color-liliac-500: #a064db;
--color-liliac-600: #8755b9;
--color-liliac-700: #6c4494;
--color-liliac-800: #4e3170;
--color-liliac-900: #36214f;
--color-liliac-950: #211034;
}SCSS
$liliac: #c48efd;
$liliac-rgb: 196, 142, 253;
$liliac-light: mix(#fff, $liliac, 20%);
$liliac-dark: mix(#000, $liliac, 20%);
.element {
color: $liliac;
box-shadow: 0 0 0 2px rgba($liliac, 0.35);
}