Colore con nome · #EAE3E0
Disappearing Memories
Disappearing Memories è #EAE3E0: rgb(234 227 224), hsl(18 19% 90%), oklch(0.92 0.009 44.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Disappearing Memories color name →
#EAE3E0
oklch(0.92 0.009 44.9)
Conversioni di colore
- HEX
- #eae3e0
- RGB
- rgb(234 227 224)
- HSL
- hsl(18 19% 90%)
- HWB
- hwb(18 88% 8%)
- OKLCH
- oklch(0.92 0.009 44.9)
- OKLab
- oklab(0.92 0.006 0.006)
- CIE Lab
- lab(90.73 2.07 2.36)
- LCH
- lch(90.73 3.14 48.7)
- CMYK
- cmyk(0% 3% 4% 8%)
Tinte · Ombre · Toni
Tinte
- ECE6E3
- EEE9E6
- F0EBE9
- F2EEEC
- F4F1EF
- F7F4F3
- F9F7F6
- FBF9F9
- FDFCFC
Ombre
- CBC5C3
- AEA8A6
- 918C8A
- 757170
- 5A5756
- 413F3E
- 292727
- 131212
- 030302
Toni
- DFD9D6
- D4CECC
- C9C4C2
- BEBAB8
- B4B0AF
- A9A6A5
- 9F9D9C
- 949392
- 8A8989
Armonie di colore
Complementare +180°
- EAE3E0
Disappearing Memories
- DFE6E9
≈ City Lights
Analogo -30° +30°
- EAE3E0
Disappearing Memories
- EAE2E3
≈ Lavender Pizzazz
- E8E4DE
≈ Summer Grey
Triadico +120° +240°
- EAE3E0
Disappearing Memories
- E0E7E3
≈ Glimmer
- E4E4EA
≈ Translucent White
Complementare divisa +150° +210°
- EAE3E0
Disappearing Memories
- DFE7E6
≈ Filigree
- E1E5EB
≈ Winter Haven
Tetradico +90° +180° +270°
- EAE3E0
Disappearing Memories
- E2E6E0
≈ Bluewash
- DFE6E9
≈ City Lights
- E7E3E9
≈ Winter Orchid
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.26:1 · APCA Lc 13
Ag
AAASu nero
WCAG 16.56:1 · APCA Lc 91
Miglior colore del testo: #000000
WCAG 16.56:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
CSS
:root {
--disappearing-memories: #eae3e0;
--disappearing-memories-rgb: 234 227 224;
--disappearing-memories-oklch: oklch(0.92 0.009 44.9);
}
.element {
color: var(--disappearing-memories);
background-color: hsl(18 19% 90%);
border-color: oklch(0.92 0.009 44.9);
}Tailwind CSS v4
@theme {
--color-disappearing-memories: #eae3e0;
--color-disappearing-memories-50: #f7f4f3;
--color-disappearing-memories-100: #eae7e5;
--color-disappearing-memories-200: #d7d3d1;
--color-disappearing-memories-300: #bbb6b4;
--color-disappearing-memories-400: #a39d9a;
--color-disappearing-memories-500: #8b8481;
--color-disappearing-memories-600: #76706e;
--color-disappearing-memories-700: #5e5a58;
--color-disappearing-memories-800: #454140;
--color-disappearing-memories-900: #302d2c;
--color-disappearing-memories-950: #1c1a19;
}SCSS
$disappearing-memories: #eae3e0;
$disappearing-memories-rgb: 234, 227, 224;
$disappearing-memories-light: mix(#fff, $disappearing-memories, 20%);
$disappearing-memories-dark: mix(#000, $disappearing-memories, 20%);
.element {
color: $disappearing-memories;
box-shadow: 0 0 0 2px rgba($disappearing-memories, 0.35);
}