Nearest named color · #E0E5FA
#E0E5FA
Nearest named color: Foundation White
#E0E5FA (rgb(224 229 250), hsl(228 72% 93%), oklch(0.924 0.029 275.1)) is closest to the named color Foundation White. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E0E5FA
oklch(0.924 0.029 275.1)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- E3E8FB
- E6EAFB
- E9EDFC
- ECEFFC
- EFF2FD
- F2F5FD
- F6F7FE
- F9FAFE
- FCFCFF
Shades
- C3C7D9
- A6AABA
- 8A8E9B
- 70727D
- 565861
- 3E3F46
- 27282D
- 121215
- 020303
Tones
- D6DAED
- CCD0E0
- C2C6D4
- B8BBC8
- AFB1BB
- A5A7AF
- 9C9DA3
- 929397
- 898A8C
Color harmonies
Complementary +180°
- E0E5FA
Foundation White
- ECE6D1
≈ Xiàng Yá Bái Ivory
Analogous -30° +30°
- E0E5FA
Foundation White
- D7E9F9
≈ Cloudless
- EAE2F6
≈ Sheer Lavender
Triadic +120° +240°
- E0E5FA
Foundation White
- F9E0D9
≈ Veiled Pink
- D8ECDE
≈ Sage Salt
Split-complementary +150° +210°
- E0E5FA
Foundation White
- F4E3D2
≈ Orange Confection
- E1EAD5
≈ Gratitude
Tetradic +90° +180° +270°
- E0E5FA
Foundation White
- F8DEE3
≈ Cake Frosting
- ECE6D1
≈ Xiàng Yá Bái Ivory
- D2EDE8
≈ Ionic Sky
Contrast & accessibility
Ag
FailOn white
WCAG 1.25:1 · APCA Lc 13
Ag
AAAOn black
WCAG 16.75:1 · APCA Lc 91
Best text color: #000000
WCAG 16.75:1 (AAA) · APCA Lc 91
Contrast pairs
Code snippets
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);
}