Couleur nommée la plus proche · #E9E8F9
#E9E8F9
Couleur nommée la plus proche: Foundation White
#E9E8F9 (rgb(233 232 249), hsl(244 59% 94%), oklch(0.937 0.023 288.7)) est la plus proche de la couleur nommée Foundation White. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E9E8F9
oklch(0.937 0.023 288.7)
Conversions de couleur
- HEX
- #e9e8f9
- RGB
- rgb(233 232 249)
- HSL
- hsl(244 59% 94%)
- HWB
- hwb(244 91% 2%)
- OKLCH
- oklch(0.937 0.023 288.7)
- OKLab
- oklab(0.937 0.007 -0.022)
- CIE Lab
- lab(92.45 2.68 -8.13)
- LCH
- lch(92.45 8.56 288.2)
- CMYK
- cmyk(6% 7% 0% 2%)
Teintes · Ombres · Tons
Teintes
- EBEAFA
- EDEDFA
- F0EFFB
- F2F1FB
- F4F3FC
- F6F6FD
- F8F8FD
- FBFAFE
- FDFDFE
Ombres
- CBCAD9
- ADACB9
- 90909A
- 74747D
- 5A5961
- 414046
- 29292C
- 131315
- 030303
Tons
- DEDDEC
- D3D2E0
- C8C8D3
- BEBDC7
- B3B3BB
- A9A8AF
- 9E9EA3
- 949497
- 8A8A8B
Harmonies de couleurs
Complémentaire +180°
- E9E8F9
Foundation White
- EBECDA
≈ Colleen Green
Analogue -30° +30°
- E9E8F9
Foundation White
- E1EBFA
≈ Husky
- F1E6F4
≈ Holographic Lavender
Triadique +120° +240°
- E9E8F9
Foundation White
- F8E6DD
≈ Grandma’s Cameo
- DCEFE7
≈ Shattered Ice
Complémentaire divisée +150° +210°
- E9E8F9
Foundation White
- F3E9DA
≈ A Smell of Bakery
- E3EEDF
≈ Sun Bleached Mint
Tétradique +90° +180° +270°
- E9E8F9
Foundation White
- F9E4E4
≈ Tutu
- EBECDA
≈ Colleen Green
- D9EFF0
≈ Lakeside Mist
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.20:1 · APCA Lc 10
Ag
AAASur noir
WCAG 17.37:1 · APCA Lc 94
Meilleure couleur de texte: #000000
WCAG 17.37:1 (AAA) · APCA Lc 94
Contrast pairs
Extraits de code
CSS
:root {
--foundation-white: #e9e8f9;
--foundation-white-rgb: 233 232 249;
--foundation-white-oklch: oklch(0.937 0.023 288.7);
}
.element {
color: var(--foundation-white);
background-color: hsl(244 59% 94%);
border-color: oklch(0.937 0.023 288.7);
}Tailwind CSS v4
@theme {
--color-foundation-white: #e9e8f9;
--color-foundation-white-50: #f5f4fb;
--color-foundation-white-100: #e7e7ef;
--color-foundation-white-200: #d4d3de;
--color-foundation-white-300: #b7b6c3;
--color-foundation-white-400: #9d9dac;
--color-foundation-white-500: #858495;
--color-foundation-white-600: #71707e;
--color-foundation-white-700: #5a5965;
--color-foundation-white-800: #41414a;
--color-foundation-white-900: #2d2d33;
--color-foundation-white-950: #1a1a1f;
}SCSS
$foundation-white: #e9e8f9;
$foundation-white-rgb: 233, 232, 249;
$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);
}