Nazwany kolor · #E8B5CE
Sweet Lilac
Sweet Lilac to #E8B5CE: rgb(232 181 206), hsl(331 53% 81%), oklch(0.826 0.067 347.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Sweet Lilac color name →
#E8B5CE
oklch(0.826 0.067 347.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EBBCD3
- EDC4D8
- F0CBDD
- F2D2E1
- F4DAE6
- F7E1EB
- F9E9F0
- FBF0F5
- FDF8FA
Odcienie ciemniejsze
- CA9DB3
- AC8698
- 906F7F
- 745966
- 59444E
- 403038
- 291D23
- 130C0F
- 030202
Tony
- DDB0C6
- D3AABE
- C8A5B6
- BEA0AE
- B39AA6
- A9959E
- 9F9097
- 948B8F
- 8A8587
Harmonie kolorów
Komplementarna +180°
- E8B5CE
Sweet Lilac
- 9CD5BE
≈ Flowering Cactus
Analogowa -30° +30°
- E8B5CE
Sweet Lilac
- D9B9E3
≈ Pretty Petunia
- EFB5B6
≈ Camille Pink
Triada +120° +240°
- E8B5CE
Sweet Lilac
- CACA97
≈ Tidal Green
- 98CFE9
≈ Light Whimsy
Komplementarna rozszczepiona +150° +210°
- E8B5CE
Sweet Lilac
- B1D1A7
≈ Apium
- 92D4D6
≈ Aqua Bloom
Tetrada +90° +180° +270°
- E8B5CE
Sweet Lilac
- DFC195
≈ Dirty Blonde
- 9CD5BE
≈ Flowering Cactus
- ABC8F2
≈ Tropical Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.75:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 11.93:1 · APCA Lc 71
Najlepszy kolor tekstu: #000000
WCAG 11.93:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
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);
}