Cor nomeada mais próxima · #E4E9FA
#E4E9FA
Cor nomeada mais próxima: Foundation White
#E4E9FA (rgb(228 233 250), hsl(226 69% 94%), oklch(0.935 0.024 272.8)) é mais próxima da cor nomeada Foundation White. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#E4E9FA
oklch(0.935 0.024 272.8)
Conversões de cor
- HEX
- #e4e9fa
- RGB
- rgb(228 233 250)
- HSL
- hsl(226 69% 94%)
- HWB
- hwb(226 89% 2%)
- OKLCH
- oklch(0.935 0.024 272.8)
- OKLab
- oklab(0.935 0.001 -0.024)
- CIE Lab
- lab(92.34 0.65 -8.87)
- LCH
- lch(92.34 8.89 274.2)
- CMYK
- cmyk(9% 7% 0% 2%)
Tons claros · Sombras · Tons
Tons claros
- E7EBFB
- E9EDFB
- ECF0FC
- EFF2FC
- F1F4FD
- F4F6FD
- F7F8FE
- FAFBFE
- FCFDFF
Sombras
- C6CBD9
- A9ADBA
- 8D909B
- 72747D
- 585A61
- 3F4146
- 28292D
- 121315
- 030303
Tons
- DADEED
- CFD3E0
- C5C8D4
- BBBEC7
- B1B3BB
- A7A9AF
- 9D9EA3
- 939497
- 8A8A8C
Harmonias de cor
Complementar +180°
- E4E9FA
Foundation White
- EFEAD8
≈ Lucky Potato
Análoga -30° +30°
- E4E9FA
Foundation White
- DDECF9
≈ Hoarfrost
- ECE6F7
≈ Holographic Lavender
Tríade +120° +240°
- E4E9FA
Foundation White
- F9E4E0
≈ Tutu
- DEEEE2
≈ Maggie’s Magic
Complementar dividida +150° +210°
- E4E9FA
Foundation White
- F6E7DA
≈ Coast Cream
- E6ECDB
≈ Really Rain
Tétrade +90° +180° +270°
- E4E9FA
Foundation White
- F8E3E8
≈ Pink Tutu
- EFEAD8
≈ Lucky Potato
- D9EFEB
≈ Blue Green Rules
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.21:1 · APCA Lc 10
Ag
AAASobre preto
WCAG 17.33:1 · APCA Lc 94
Melhor cor de texto: #000000
WCAG 17.33:1 (AAA) · APCA Lc 94
Contrast pairs
Trechos de código
CSS
:root {
--foundation-white: #e4e9fa;
--foundation-white-rgb: 228 233 250;
--foundation-white-oklch: oklch(0.935 0.024 272.8);
}
.element {
color: var(--foundation-white);
background-color: hsl(226 69% 94%);
border-color: oklch(0.935 0.024 272.8);
}Tailwind CSS v4
@theme {
--color-foundation-white: #e4e9fa;
--color-foundation-white-50: #f3f5fc;
--color-foundation-white-100: #e5e7f0;
--color-foundation-white-200: #d1d4df;
--color-foundation-white-300: #b3b7c4;
--color-foundation-white-400: #999ead;
--color-foundation-white-500: #818596;
--color-foundation-white-600: #6d717f;
--color-foundation-white-700: #575a66;
--color-foundation-white-800: #3f424b;
--color-foundation-white-900: #2b2e34;
--color-foundation-white-950: #191a1f;
}SCSS
$foundation-white: #e4e9fa;
$foundation-white-rgb: 228, 233, 250;
$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);
}