Color con nombre más cercano · #E8E4F6
#E8E4F6
Color con nombre más cercano: Velvet Scarf
#E8E4F6 (rgb(232 228 246), hsl(253 50% 93%), oklch(0.927 0.025 296.1)) se parece más al color con nombre Velvet Scarf. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#E8E4F6
oklch(0.927 0.025 296.1)
Conversiones de color
- HEX
- #e8e4f6
- RGB
- rgb(232 228 246)
- HSL
- hsl(253 50% 93%)
- HWB
- hwb(253 89% 4%)
- OKLCH
- oklch(0.927 0.025 296.1)
- OKLab
- oklab(0.927 0.011 -0.022)
- CIE Lab
- lab(91.31 3.85 -8.27)
- LCH
- lch(91.31 9.12 295)
- CMYK
- cmyk(6% 7% 0% 4%)
Tintes · Sombras · Tonos
Tintes
- EAE7F7
- EDE9F8
- EFECF9
- F1EFFA
- F3F1FB
- F6F4FB
- F8F7FC
- FAFAFD
- FDFCFE
Sombras
- CAC6D6
- ACA9B7
- 908D98
- 74727B
- 59585F
- 403F45
- 29282C
- 131215
- 030303
Tonos
- DDDAEA
- D2CFDD
- C8C5D1
- BDBBC5
- B3B1B9
- A8A7AE
- 9E9DA2
- 949396
- 8A8A8B
Armonías de color
Complementario +180°
- E8E4F6
Velvet Scarf
- E6E9D7
≈ Reduced Green
Análogo -30° +30°
- E8E4F6
Velvet Scarf
- DFE7F8
≈ Crystal Falls
- F0E2F0
≈ Sheer Lavender
Triádico +120° +240°
- E8E4F6
Velvet Scarf
- F5E3D8
≈ Early Sunset
- D7EDE6
≈ Dew Pointe
Complementario dividido +150° +210°
- E8E4F6
Velvet Scarf
- EEE6D5
≈ Eastern Wind
- DDECDD
≈ Cottage Green
Tetrádico +90° +180° +270°
- E8E4F6
Velvet Scarf
- F7E1DE
≈ Pale Perfection
- E6E9D7
≈ Reduced Green
- D5ECEF
≈ Sparkling River
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.24:1 · APCA Lc 12
Ag
AAASobre negro
WCAG 16.85:1 · APCA Lc 92
Mejor color de texto: #000000
WCAG 16.85:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmentos de código
CSS
:root {
--velvet-scarf: #e8e4f6;
--velvet-scarf-rgb: 232 228 246;
--velvet-scarf-oklch: oklch(0.927 0.025 296.1);
}
.element {
color: var(--velvet-scarf);
background-color: hsl(253 50% 93%);
border-color: oklch(0.927 0.025 296.1);
}Tailwind CSS v4
@theme {
--color-velvet-scarf: #e8e4f6;
--color-velvet-scarf-50: #f6f4fb;
--color-velvet-scarf-100: #e9e6ef;
--color-velvet-scarf-200: #d5d2de;
--color-velvet-scarf-300: #b9b5c3;
--color-velvet-scarf-400: #9f9cac;
--color-velvet-scarf-500: #878395;
--color-velvet-scarf-600: #726f7e;
--color-velvet-scarf-700: #5c5965;
--color-velvet-scarf-800: #43414a;
--color-velvet-scarf-900: #2e2d34;
--color-velvet-scarf-950: #1b1a1f;
}SCSS
$velvet-scarf: #e8e4f6;
$velvet-scarf-rgb: 232, 228, 246;
$velvet-scarf-light: mix(#fff, $velvet-scarf, 20%);
$velvet-scarf-dark: mix(#000, $velvet-scarf, 20%);
.element {
color: $velvet-scarf;
box-shadow: 0 0 0 2px rgba($velvet-scarf, 0.35);
}