Couleur nommée la plus proche · #E0E5FA
#E0E5FA
Couleur nommée la plus proche: Foundation White
#E0E5FA (rgb(224 229 250), hsl(228 72% 93%), oklch(0.924 0.029 275.1)) 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.
#E0E5FA
oklch(0.924 0.029 275.1)
Conversions de couleur
- HEX
- #e0e5fa
- RGB
- rgb(224 229 250)
- HSL
- hsl(228 72% 93%)
- HWB
- hwb(228 88% 2%)
- OKLCH
- oklch(0.924 0.029 275.1)
- OKLab
- oklab(0.924 0.003 -0.029)
- CIE Lab
- lab(91.03 1.24 -10.83)
- LCH
- lch(91.03 10.9 276.6)
- CMYK
- cmyk(10% 8% 0% 2%)
Teintes · Ombres · Tons
Teintes
- E3E8FB
- E6EAFB
- E9EDFC
- ECEFFC
- EFF2FD
- F2F5FD
- F6F7FE
- F9FAFE
- FCFCFF
Ombres
- C3C7D9
- A6AABA
- 8A8E9B
- 70727D
- 565861
- 3E3F46
- 27282D
- 121215
- 020303
Tons
- D6DAED
- CCD0E0
- C2C6D4
- B8BBC8
- AFB1BB
- A5A7AF
- 9C9DA3
- 929397
- 898A8C
Harmonies de couleurs
Complémentaire +180°
- E0E5FA
Foundation White
- ECE6D1
≈ Xiàng Yá Bái Ivory
Analogue -30° +30°
- E0E5FA
Foundation White
- D7E9F9
≈ Cloudless
- EAE2F6
≈ Sheer Lavender
Triadique +120° +240°
- E0E5FA
Foundation White
- F9E0D9
≈ Veiled Pink
- D8ECDE
≈ Sage Salt
Complémentaire divisée +150° +210°
- E0E5FA
Foundation White
- F4E3D2
≈ Orange Confection
- E1EAD5
≈ Gratitude
Tétradique +90° +180° +270°
- E0E5FA
Foundation White
- F8DEE3
≈ Cake Frosting
- ECE6D1
≈ Xiàng Yá Bái Ivory
- D2EDE8
≈ Ionic Sky
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.25:1 · APCA Lc 13
Ag
AAASur noir
WCAG 16.75:1 · APCA Lc 91
Meilleure couleur de texte: #000000
WCAG 16.75:1 (AAA) · APCA Lc 91
Contrast pairs
Extraits de code
CSS
:root {
--foundation-white: #e0e5fa;
--foundation-white-rgb: 224 229 250;
--foundation-white-oklch: oklch(0.924 0.029 275.1);
}
.element {
color: var(--foundation-white);
background-color: hsl(228 72% 93%);
border-color: oklch(0.924 0.029 275.1);
}Tailwind CSS v4
@theme {
--color-foundation-white: #e0e5fa;
--color-foundation-white-50: #f3f5fe;
--color-foundation-white-100: #e5e7f2;
--color-foundation-white-200: #d1d3e1;
--color-foundation-white-300: #b3b6c7;
--color-foundation-white-400: #999db0;
--color-foundation-white-500: #80859a;
--color-foundation-white-600: #6d7182;
--color-foundation-white-700: #575a68;
--color-foundation-white-800: #3f424d;
--color-foundation-white-900: #2b2d35;
--color-foundation-white-950: #191a20;
}SCSS
$foundation-white: #e0e5fa;
$foundation-white-rgb: 224, 229, 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);
}