Colore con nome più vicino · #E4E6F3
#E4E6F3
Colore con nome più vicino: Homoeopathic Lilac
#E4E6F3 (rgb(228 230 243), hsl(232 38% 92%), oklch(0.927 0.018 279)) è più vicino al colore con nome Homoeopathic Lilac. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#E4E6F3
oklch(0.927 0.018 279)
Conversioni di colore
- HEX
- #e4e6f3
- RGB
- rgb(228 230 243)
- HSL
- hsl(232 38% 92%)
- HWB
- hwb(232 89% 5%)
- OKLCH
- oklch(0.927 0.018 279)
- OKLab
- oklab(0.927 0.003 -0.017)
- CIE Lab
- lab(91.42 1.1 -6.58)
- LCH
- lch(91.42 6.67 279.5)
- CMYK
- cmyk(6% 5% 0% 5%)
Tinte · Ombre · Toni
Tinte
- E7E8F4
- E9EBF5
- ECEDF7
- EFF0F8
- F1F2F9
- F4F5FA
- F7F7FB
- FAFAFD
- FCFCFE
Ombre
- C6C8D3
- A9ABB4
- 8D8E97
- 72737A
- 58595E
- 3F4044
- 28282B
- 121314
- 030303
Toni
- DADBE7
- CFD1DB
- C5C6CF
- BBBCC3
- B1B2B8
- A7A7AC
- 9D9DA1
- 939496
- 8A8A8B
Armonie di colore
Complementare +180°
- E4E6F3
Homoeopathic Lilac
- EAE7DA
≈ Clear Sand
Analogo -30° +30°
- E4E6F3
Homoeopathic Lilac
- DEE8F3
≈ St. Petersburg
- EAE4F0
≈ Modest Violet
Triadico +120° +240°
- E4E6F3
Homoeopathic Lilac
- F2E3DE
≈ Peach Tone
- DEEBE3
≈ Snowbound
Complementare divisa +150° +210°
- E4E6F3
Homoeopathic Lilac
- EFE5DB
≈ Sweet Gardenia
- E3E9DD
≈ Minified Moss
Tetradico +90° +180° +270°
- E4E6F3
Homoeopathic Lilac
- F2E2E4
≈ Dulcet Pink
- EAE7DA
≈ Clear Sand
- DAEBE9
≈ Water Squirt
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.24:1 · APCA Lc 12
Ag
AAASu nero
WCAG 16.91:1 · APCA Lc 92
Miglior colore del testo: #000000
WCAG 16.91:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--homoeopathic-lilac: #e4e6f3;
--homoeopathic-lilac-rgb: 228 230 243;
--homoeopathic-lilac-oklch: oklch(0.927 0.018 279);
}
.element {
color: var(--homoeopathic-lilac);
background-color: hsl(232 38% 92%);
border-color: oklch(0.927 0.018 279);
}Tailwind CSS v4
@theme {
--color-homoeopathic-lilac: #e4e6f3;
--color-homoeopathic-lilac-50: #f4f5fa;
--color-homoeopathic-lilac-100: #e6e7ee;
--color-homoeopathic-lilac-200: #d3d3dc;
--color-homoeopathic-lilac-300: #b5b6c0;
--color-homoeopathic-lilac-400: #9c9ea9;
--color-homoeopathic-lilac-500: #838592;
--color-homoeopathic-lilac-600: #6f717c;
--color-homoeopathic-lilac-700: #595a63;
--color-homoeopathic-lilac-800: #414249;
--color-homoeopathic-lilac-900: #2d2d32;
--color-homoeopathic-lilac-950: #1a1a1e;
}SCSS
$homoeopathic-lilac: #e4e6f3;
$homoeopathic-lilac-rgb: 228, 230, 243;
$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);
}