Colore con nome più vicino · #E8E6F2
#E8E6F2
Colore con nome più vicino: Homoeopathic Lilac
#E8E6F2 (rgb(232 230 242), hsl(250 32% 93%), oklch(0.93 0.016 293.7)) è più vicino al colore con nome Homoeopathic Lilac. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#E8E6F2
oklch(0.93 0.016 293.7)
Conversioni di colore
- HEX
- #e8e6f2
- RGB
- rgb(232 230 242)
- HSL
- hsl(250 32% 93%)
- HWB
- hwb(250 90% 5%)
- OKLCH
- oklch(0.93 0.016 293.7)
- OKLab
- oklab(0.93 0.007 -0.015)
- CIE Lab
- lab(91.71 2.32 -5.59)
- LCH
- lch(91.71 6.06 292.5)
- CMYK
- cmyk(4% 5% 0% 5%)
Tinte · Ombre · Toni
Tinte
- EAE8F3
- EDEBF5
- EFEDF6
- F1F0F7
- F3F2F9
- F6F5FA
- F8F7FB
- FAFAFC
- FDFCFE
Ombre
- CAC8D2
- ACABB4
- 908E96
- 747379
- 59595E
- 404043
- 29282B
- 131314
- 030303
Toni
- DDDBE6
- D2D1DA
- C8C6CE
- BDBCC3
- B3B2B7
- A8A7AC
- 9E9DA1
- 949496
- 8A8A8B
Armonie di colore
Complementare +180°
- E8E6F2
Homoeopathic Lilac
- E7E9DD
≈ Hydrangea Floret
Analogo -30° +30°
- E8E6F2
Homoeopathic Lilac
- E2E8F3
≈ Harbour Afternoon
- EDE4EE
≈ Faded Fuchsia
Triadico +120° +240°
- E8E6F2
Homoeopathic Lilac
- F1E5DE
≈ Aubergine Flesh
- DEECE7
≈ Waterscape
Complementare divisa +150° +210°
- E8E6F2
Homoeopathic Lilac
- EDE7DC
≈ Umber Style
- E2EBE1
≈ Country Mist
Tetradico +90° +180° +270°
- E8E6F2
Homoeopathic Lilac
- F3E4E3
≈ Pink Emulsion
- E7E9DD
≈ Hydrangea Floret
- DCEBED
≈ Blue Flax
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.23:1 · APCA Lc 12
Ag
AAASu nero
WCAG 17.03:1 · APCA Lc 92
Miglior colore del testo: #000000
WCAG 17.03:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--homoeopathic-lilac: #e8e6f2;
--homoeopathic-lilac-rgb: 232 230 242;
--homoeopathic-lilac-oklch: oklch(0.93 0.016 293.7);
}
.element {
color: var(--homoeopathic-lilac);
background-color: hsl(250 32% 93%);
border-color: oklch(0.93 0.016 293.7);
}Tailwind CSS v4
@theme {
--color-homoeopathic-lilac: #e8e6f2;
--color-homoeopathic-lilac-50: #f5f4f9;
--color-homoeopathic-lilac-100: #e8e7ed;
--color-homoeopathic-lilac-200: #d4d3db;
--color-homoeopathic-lilac-300: #b8b6bf;
--color-homoeopathic-lilac-400: #9f9da7;
--color-homoeopathic-lilac-500: #868490;
--color-homoeopathic-lilac-600: #72707a;
--color-homoeopathic-lilac-700: #5b5a62;
--color-homoeopathic-lilac-800: #424148;
--color-homoeopathic-lilac-900: #2e2d32;
--color-homoeopathic-lilac-950: #1a1a1e;
}SCSS
$homoeopathic-lilac: #e8e6f2;
$homoeopathic-lilac-rgb: 232, 230, 242;
$homoeopathic-lilac-light: mix(#fff, $homoeopathic-lilac, 20%);
$homoeopathic-lilac-dark: mix(#000, $homoeopathic-lilac, 20%);
.element {
color: $homoeopathic-lilac;
box-shadow: 0 0 0 2px rgba($homoeopathic-lilac, 0.35);
}