Color con nombre más cercano · #E0F0E8
#E0F0E8
Color con nombre más cercano: Shattered Ice
#E0F0E8 (rgb(224 240 232), hsl(150 35% 91%), oklch(0.941 0.02 164.6)) se parece más al color con nombre Shattered Ice. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#E0F0E8
oklch(0.941 0.02 164.6)
Conversiones de color
- HEX
- #e0f0e8
- RGB
- rgb(224 240 232)
- HSL
- hsl(150 35% 91%)
- HWB
- hwb(150 88% 6%)
- OKLCH
- oklch(0.941 0.02 164.6)
- OKLab
- oklab(0.941 -0.019 0.005)
- CIE Lab
- lab(93.43 -6.57 1.96)
- LCH
- lch(93.43 6.86 163.4)
- CMYK
- cmyk(7% 0% 3% 6%)
Tintes · Sombras · Tonos
Tintes
- E3F2EA
- E6F3ED
- E9F5EF
- ECF6F1
- EFF8F3
- F3F9F6
- F6FBF8
- F9FCFA
- FCFEFD
Sombras
- C3D1CA
- A6B2AC
- 8A9590
- 707874
- 565D59
- 3E4340
- 272A29
- 121413
- 020303
Tonos
- D6E4DD
- CCD9D2
- C2CDC8
- B8C2BD
- AFB6B3
- A5ABA8
- 9CA09E
- 929594
- 898B8A
Armonías de color
Complementario +180°
- E0F0E8
Shattered Ice
- F6E6EF
≈ Amour Frais
Análogo -30° +30°
- E0F0E8
Shattered Ice
- E6EFE1
≈ Mount Eden
- DDF0EF
≈ Soar
Triádico +120° +240°
- E0F0E8
Shattered Ice
- EAEAF9
≈ Bright Dusk
- F8E8E1
≈ Wisp Pink
Complementario dividido +150° +210°
- E0F0E8
Shattered Ice
- F1E8F5
≈ Perfume Haze
- F9E6E7
≈ Rose Sugar
Tetrádico +90° +180° +270°
- E0F0E8
Shattered Ice
- E3EDF9
≈ Husky
- F6E6EF
≈ Amour Frais
- F4EADD
≈ Baseball Base
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.17:1 · APCA Lc 9
Ag
AAASobre negro
WCAG 17.79:1 · APCA Lc 96
Mejor color de texto: #000000
WCAG 17.79:1 (AAA) · APCA Lc 96
Contrast pairs
Fragmentos de código
CSS
:root {
--shattered-ice: #e0f0e8;
--shattered-ice-rgb: 224 240 232;
--shattered-ice-oklch: oklch(0.941 0.02 164.6);
}
.element {
color: var(--shattered-ice);
background-color: hsl(150 35% 91%);
border-color: oklch(0.941 0.02 164.6);
}Tailwind CSS v4
@theme {
--color-shattered-ice: #e0f0e8;
--color-shattered-ice-50: #f0f7f4;
--color-shattered-ice-100: #e2eae6;
--color-shattered-ice-200: #cdd7d2;
--color-shattered-ice-300: #aebbb5;
--color-shattered-ice-400: #94a29b;
--color-shattered-ice-500: #7b8b83;
--color-shattered-ice-600: #68756f;
--color-shattered-ice-700: #535e58;
--color-shattered-ice-800: #3c4540;
--color-shattered-ice-900: #2a2f2c;
--color-shattered-ice-950: #171c19;
}SCSS
$shattered-ice: #e0f0e8;
$shattered-ice-rgb: 224, 240, 232;
$shattered-ice-light: mix(#fff, $shattered-ice, 20%);
$shattered-ice-dark: mix(#000, $shattered-ice, 20%);
.element {
color: $shattered-ice;
box-shadow: 0 0 0 2px rgba($shattered-ice, 0.35);
}