Color con nombre más cercano · #E5E9FD
#E5E9FD
Color con nombre más cercano: Foundation White
#E5E9FD (rgb(229 233 253), hsl(230 86% 95%), oklch(0.937 0.027 276.8)) se parece más al color con nombre Foundation White. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#E5E9FD
oklch(0.937 0.027 276.8)
Conversiones de color
- HEX
- #e5e9fd
- RGB
- rgb(229 233 253)
- HSL
- hsl(230 86% 95%)
- HWB
- hwb(230 90% 1%)
- OKLCH
- oklch(0.937 0.027 276.8)
- OKLab
- oklab(0.937 0.003 -0.027)
- CIE Lab
- lab(92.49 1.42 -10.19)
- LCH
- lch(92.49 10.29 278)
- CMYK
- cmyk(9% 8% 0% 1%)
Tintes · Sombras · Tonos
Tintes
- E8EBFD
- EAEDFD
- EDF0FE
- EFF2FE
- F2F4FE
- F5F6FE
- F7F8FE
- FAFBFF
- FCFDFF
Sombras
- C7CBDC
- AAADBC
- 8E909D
- 72747F
- 585A62
- 3F4147
- 28292D
- 121316
- 030303
Tonos
- DADEF0
- D0D3E3
- C6C8D6
- BBBEC9
- B1B3BD
- A7A9B0
- 9D9EA4
- 939498
- 8A8A8C
Armonías de color
Complementario +180°
- E5E9FD
Foundation White
- EFEBD6
≈ Olive Tint
Análogo -30° +30°
- E5E9FD
Foundation White
- DCECFC
≈ Hoarfrost
- EFE6F9
≈ Holographic Lavender
Triádico +120° +240°
- E5E9FD
Foundation White
- FCE4DE
≈ Lady Anne
- DCF0E3
≈ Ice-Cold White
Complementario dividido +150° +210°
- E5E9FD
Foundation White
- F7E7D7
≈ Tender
- E5EEDB
≈ Winter Shamrock
Tetrádico +90° +180° +270°
- E5E9FD
Foundation White
- FCE3E7
≈ Pink Tutu
- EFEBD6
≈ Olive Tint
- D7F1ED
≈ Sea Ice
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.20:1 · APCA Lc 10
Ag
AAASobre negro
WCAG 17.40:1 · APCA Lc 94
Mejor color de texto: #000000
WCAG 17.40:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmentos de código
CSS
:root {
--foundation-white: #e5e9fd;
--foundation-white-rgb: 229 233 253;
--foundation-white-oklch: oklch(0.937 0.027 276.8);
}
.element {
color: var(--foundation-white);
background-color: hsl(230 86% 95%);
border-color: oklch(0.937 0.027 276.8);
}Tailwind CSS v4
@theme {
--color-foundation-white: #e5e9fd;
--color-foundation-white-50: #f3f4fd;
--color-foundation-white-100: #e5e7f1;
--color-foundation-white-200: #d1d3e0;
--color-foundation-white-300: #b4b6c6;
--color-foundation-white-400: #9a9daf;
--color-foundation-white-500: #818599;
--color-foundation-white-600: #6d7181;
--color-foundation-white-700: #575a67;
--color-foundation-white-800: #3f424c;
--color-foundation-white-900: #2c2d35;
--color-foundation-white-950: #191a20;
}SCSS
$foundation-white: #e5e9fd;
$foundation-white-rgb: 229, 233, 253;
$foundation-white-light: mix(#fff, $foundation-white, 20%);
$foundation-white-dark: mix(#000, $foundation-white, 20%);
.element {
color: $foundation-white;
box-shadow: 0 0 0 2px rgba($foundation-white, 0.35);
}