Colore con nome · #E5E0EC
Homoeopathic Lavender
Homoeopathic Lavender è #E5E0EC: rgb(229 224 236), hsl(265 24% 90%), oklch(0.914 0.017 304.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Homoeopathic Lavender color name →
#E5E0EC
oklch(0.914 0.017 304.8)
Conversioni di colore
- HEX
- #e5e0ec
- RGB
- rgb(229 224 236)
- HSL
- hsl(265 24% 90%)
- HWB
- hwb(265 88% 7%)
- OKLCH
- oklch(0.914 0.017 304.8)
- OKLab
- oklab(0.914 0.01 -0.014)
- CIE Lab
- lab(89.84 3.37 -5.24)
- LCH
- lch(89.84 6.23 302.7)
- CMYK
- cmyk(3% 5% 0% 7%)
Tinte · Ombre · Toni
Tinte
- E8E3EE
- EAE6F0
- EDE9F2
- EFECF4
- F2EFF5
- F5F3F7
- F7F6F9
- FAF9FB
- FCFCFD
Ombre
- C7C3CD
- AAA6AF
- 8E8A92
- 727076
- 58565B
- 3F3E42
- 282729
- 121213
- 030203
Toni
- DAD6E1
- D0CCD5
- C6C2CA
- BBB8BF
- B1AFB5
- A7A5AA
- 9D9C9F
- 939295
- 8A898A
Armonie di colore
Complementare +180°
- E5E0EC
Homoeopathic Lavender
- E0E5D9
≈ Cloudy Day
Analogo -30° +30°
- E5E0EC
Homoeopathic Lavender
- DFE2EE
≈ Iris Ice
- EADFE7
≈ Ostrich Tail
Triadico +120° +240°
- E5E0EC
Homoeopathic Lavender
- EBE1D7
≈ Sharp-Rip Drill
- D7E7E4
≈ Peaceful Night
Complementare divisa +150° +210°
- E5E0EC
Homoeopathic Lavender
- E6E3D6
≈ Snowshoe Hare
- DAE6DE
≈ Swans Down
Tetradico +90° +180° +270°
- E5E0EC
Homoeopathic Lavender
- EEDFDB
≈ Mannequin
- E0E5D9
≈ Cloudy Day
- D7E6EA
≈ White Sea
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.29:1 · APCA Lc 15
Ag
AAASu nero
WCAG 16.20:1 · APCA Lc 89
Miglior colore del testo: #000000
WCAG 16.20:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--homoeopathic-lavender: #e5e0ec;
--homoeopathic-lavender-rgb: 229 224 236;
--homoeopathic-lavender-oklch: oklch(0.914 0.017 304.8);
}
.element {
color: var(--homoeopathic-lavender);
background-color: hsl(265 24% 90%);
border-color: oklch(0.914 0.017 304.8);
}Tailwind CSS v4
@theme {
--color-homoeopathic-lavender: #e5e0ec;
--color-homoeopathic-lavender-50: #f6f4f9;
--color-homoeopathic-lavender-100: #e9e6ec;
--color-homoeopathic-lavender-200: #d6d2da;
--color-homoeopathic-lavender-300: #b9b5be;
--color-homoeopathic-lavender-400: #a19ca7;
--color-homoeopathic-lavender-500: #89848f;
--color-homoeopathic-lavender-600: #746f79;
--color-homoeopathic-lavender-700: #5c5961;
--color-homoeopathic-lavender-800: #434147;
--color-homoeopathic-lavender-900: #2f2d31;
--color-homoeopathic-lavender-950: #1b1a1d;
}SCSS
$homoeopathic-lavender: #e5e0ec;
$homoeopathic-lavender-rgb: 229, 224, 236;
$homoeopathic-lavender-light: mix(#fff, $homoeopathic-lavender, 20%);
$homoeopathic-lavender-dark: mix(#000, $homoeopathic-lavender, 20%);
.element {
color: $homoeopathic-lavender;
box-shadow: 0 0 0 2px rgba($homoeopathic-lavender, 0.35);
}