Cor nomeada · #E8B5CE
Sweet Lilac
Sweet Lilac é #E8B5CE: rgb(232 181 206), hsl(331 53% 81%), oklch(0.826 0.067 347.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Sweet Lilac color name →
#E8B5CE
oklch(0.826 0.067 347.7)
Conversões de cor
- HEX
- #e8b5ce
- RGB
- rgb(232 181 206)
- HSL
- hsl(331 53% 81%)
- HWB
- hwb(331 71% 9%)
- OKLCH
- oklch(0.826 0.067 347.7)
- OKLab
- oklab(0.826 0.066 -0.014)
- CIE Lab
- lab(78.94 21.91 -5.2)
- LCH
- lch(78.94 22.52 346.6)
- CMYK
- cmyk(0% 22% 11% 9%)
Tons claros · Sombras · Tons
Tons claros
- EBBCD3
- EDC4D8
- F0CBDD
- F2D2E1
- F4DAE6
- F7E1EB
- F9E9F0
- FBF0F5
- FDF8FA
Sombras
- CA9DB3
- AC8698
- 906F7F
- 745966
- 59444E
- 403038
- 291D23
- 130C0F
- 030202
Tons
- DDB0C6
- D3AABE
- C8A5B6
- BEA0AE
- B39AA6
- A9959E
- 9F9097
- 948B8F
- 8A8587
Harmonias de cor
Complementar +180°
- E8B5CE
Sweet Lilac
- 9CD5BE
≈ Flowering Cactus
Análoga -30° +30°
- E8B5CE
Sweet Lilac
- D9B9E3
≈ Pretty Petunia
- EFB5B6
≈ Camille Pink
Tríade +120° +240°
- E8B5CE
Sweet Lilac
- CACA97
≈ Tidal Green
- 98CFE9
≈ Light Whimsy
Complementar dividida +150° +210°
- E8B5CE
Sweet Lilac
- B1D1A7
≈ Apium
- 92D4D6
≈ Aqua Bloom
Tétrade +90° +180° +270°
- E8B5CE
Sweet Lilac
- DFC195
≈ Dirty Blonde
- 9CD5BE
≈ Flowering Cactus
- ABC8F2
≈ Tropical Blue
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.75:1 · APCA Lc 32
Ag
AAASobre preto
WCAG 11.93:1 · APCA Lc 71
Melhor cor de texto: #000000
WCAG 11.93:1 (AAA) · APCA Lc 71
Contrast pairs
Trechos de código
CSS
:root {
--sweet-lilac: #e8b5ce;
--sweet-lilac-rgb: 232 181 206;
--sweet-lilac-oklch: oklch(0.826 0.067 347.7);
}
.element {
color: var(--sweet-lilac);
background-color: hsl(331 53% 81%);
border-color: oklch(0.826 0.067 347.7);
}Tailwind CSS v4
@theme {
--color-sweet-lilac: #e8b5ce;
--color-sweet-lilac-50: #ffeef8;
--color-sweet-lilac-100: #fadfeb;
--color-sweet-lilac-200: #ecc9d8;
--color-sweet-lilac-300: #d3aabc;
--color-sweet-lilac-400: #bd8fa6;
--color-sweet-lilac-500: #a8748e;
--color-sweet-lilac-600: #8e6278;
--color-sweet-lilac-700: #724f60;
--color-sweet-lilac-800: #543947;
--color-sweet-lilac-900: #3a2731;
--color-sweet-lilac-950: #24151d;
}SCSS
$sweet-lilac: #e8b5ce;
$sweet-lilac-rgb: 232, 181, 206;
$sweet-lilac-light: mix(#fff, $sweet-lilac, 20%);
$sweet-lilac-dark: mix(#000, $sweet-lilac, 20%);
.element {
color: $sweet-lilac;
box-shadow: 0 0 0 2px rgba($sweet-lilac, 0.35);
}