Color con nombre más cercano · #EAE5E2
#EAE5E2
Color con nombre más cercano: Disappearing Memories
#EAE5E2 (rgb(234 229 226), hsl(23 16% 90%), oklch(0.925 0.007 53.4)) se parece más al color con nombre Disappearing Memories. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#EAE5E2
oklch(0.925 0.007 53.4)
Conversiones de color
- HEX
- #eae5e2
- RGB
- rgb(234 229 226)
- HSL
- hsl(23 16% 90%)
- HWB
- hwb(23 89% 8%)
- OKLCH
- oklch(0.925 0.007 53.4)
- OKLab
- oklab(0.925 0.004 0.005)
- CIE Lab
- lab(91.27 1.36 2.1)
- LCH
- lch(91.27 2.5 57)
- CMYK
- cmyk(0% 2% 3% 8%)
Tintes · Sombras · Tonos
Tintes
- ECE8E5
- EEEAE8
- F0EDEB
- F2EFEE
- F4F2F0
- F7F5F3
- F9F7F6
- FBFAF9
- FDFCFC
Sombras
- CBC7C4
- AEAAA8
- 918E8C
- 757271
- 5A5857
- 413F3E
- 292827
- 131212
- 030303
Tonos
- DFDAD8
- D4D0CE
- C9C6C4
- BEBBBA
- B4B1B0
- A9A7A6
- 9F9D9C
- 949393
- 8A8A89
Armonías de color
Complementario +180°
- EAE5E2
Disappearing Memories
- E2E7EA
≈ Winter Day
Análogo -30° +30°
- EAE5E2
Disappearing Memories
- EBE4E4
≈ Winged Victory
- E8E6E1
≈ Willow Springs
Triádico +120° +240°
- EAE5E2
Disappearing Memories
- E2E8E6
≈ Silent White
- E6E5EA
≈ Lilac Murmur
Complementario dividido +150° +210°
- EAE5E2
Disappearing Memories
- E1E8E8
≈ White Lake
- E4E6EB
≈ Little Dipper
Tetrádico +90° +180° +270°
- EAE5E2
Disappearing Memories
- E4E7E3
≈ Blanc de Blanc
- E2E7EA
≈ Winter Day
- E8E5E9
≈ White Lilac
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.24:1 · APCA Lc 12
Ag
AAASobre negro
WCAG 16.80:1 · APCA Lc 92
Mejor color de texto: #000000
WCAG 16.80:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmentos de código
CSS
:root {
--disappearing-memories: #eae5e2;
--disappearing-memories-rgb: 234 229 226;
--disappearing-memories-oklch: oklch(0.925 0.007 53.4);
}
.element {
color: var(--disappearing-memories);
background-color: hsl(23 16% 90%);
border-color: oklch(0.925 0.007 53.4);
}Tailwind CSS v4
@theme {
--color-disappearing-memories: #eae5e2;
--color-disappearing-memories-50: #f7f5f3;
--color-disappearing-memories-100: #eae7e6;
--color-disappearing-memories-200: #d7d3d1;
--color-disappearing-memories-300: #bab6b4;
--color-disappearing-memories-400: #a29d9b;
--color-disappearing-memories-500: #8a8582;
--color-disappearing-memories-600: #75716e;
--color-disappearing-memories-700: #5d5a58;
--color-disappearing-memories-800: #444240;
--color-disappearing-memories-900: #2f2d2c;
--color-disappearing-memories-950: #1c1a19;
}SCSS
$disappearing-memories: #eae5e2;
$disappearing-memories-rgb: 234, 229, 226;
$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);
}