Color con nombre más cercano · #EAE8E6
#EAE8E6
Color con nombre más cercano: Glacial Ice
#EAE8E6 (rgb(234 232 230), hsl(30 9% 91%), oklch(0.932 0.003 67.8)) se parece más al color con nombre Glacial Ice. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#EAE8E6
oklch(0.932 0.003 67.8)
Conversiones de color
- HEX
- #eae8e6
- RGB
- rgb(234 232 230)
- HSL
- hsl(30 9% 91%)
- HWB
- hwb(30 90% 8%)
- OKLCH
- oklch(0.932 0.003 67.8)
- OKLab
- oklab(0.932 0.001 0.003)
- CIE Lab
- lab(92.11 0.43 1.22)
- LCH
- lch(92.11 1.3 70.5)
- CMYK
- cmyk(0% 1% 2% 8%)
Tintes · Sombras · Tonos
Tintes
- ECEAE8
- EEEDEB
- F0EFED
- F2F1F0
- F4F3F2
- F7F6F5
- F9F8F7
- FBFAFA
- FDFDFC
Sombras
- CBCAC8
- AEACAB
- 91908E
- 757473
- 5A5959
- 414040
- 292928
- 131313
- 030303
Tonos
- DFDDDB
- D4D2D1
- C9C8C6
- BEBDBC
- B4B3B2
- A9A8A7
- 9F9E9D
- 949493
- 8A8A8A
Armonías de color
Complementario +180°
- EAE8E6
Glacial Ice
- E7E9EB
≈ Snow Cloud
Análogo -30° +30°
- EAE8E6
Glacial Ice
- EBE8E7
≈ Coconut Agony
- E9E8E6
≈ Lilac Muse
Triádico +120° +240°
- EAE8E6
Glacial Ice
- E6E9E9
≈ Swirling Water
- E9E8EA
≈ Leukophobia
Complementario dividido +150° +210°
- EAE8E6
Glacial Ice
- E6E9EA
≈ Swirling Water
- E8E8EB
≈ Leukophobia
Tetrádico +90° +180° +270°
- EAE8E6
Glacial Ice
- E7E9E7
≈ Mt. Hood White
- E7E9EB
≈ Snow Cloud
- EAE8E9
≈ Leukophobia
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.22:1 · APCA Lc 11
Ag
AAASobre negro
WCAG 17.18:1 · APCA Lc 93
Mejor color de texto: #000000
WCAG 17.18:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmentos de código
CSS
:root {
--glacial-ice: #eae8e6;
--glacial-ice-rgb: 234 232 230;
--glacial-ice-oklch: oklch(0.932 0.003 67.8);
}
.element {
color: var(--glacial-ice);
background-color: hsl(30 9% 91%);
border-color: oklch(0.932 0.003 67.8);
}Tailwind CSS v4
@theme {
--color-glacial-ice: #eae8e6;
--color-glacial-ice-50: #f6f5f4;
--color-glacial-ice-100: #e8e8e6;
--color-glacial-ice-200: #d5d4d3;
--color-glacial-ice-300: #b8b7b5;
--color-glacial-ice-400: #a09e9c;
--color-glacial-ice-500: #888684;
--color-glacial-ice-600: #73716f;
--color-glacial-ice-700: #5c5a59;
--color-glacial-ice-800: #434241;
--color-glacial-ice-900: #2e2e2d;
--color-glacial-ice-950: #1b1a1a;
}SCSS
$glacial-ice: #eae8e6;
$glacial-ice-rgb: 234, 232, 230;
$glacial-ice-light: mix(#fff, $glacial-ice, 20%);
$glacial-ice-dark: mix(#000, $glacial-ice, 20%);
.element {
color: $glacial-ice;
box-shadow: 0 0 0 2px rgba($glacial-ice, 0.35);
}