Nearest named color · #E8F2E2
#E8F2E2
Nearest named color: Mount Eden
#E8F2E2 (rgb(232 242 226), hsl(97 38% 92%), oklch(0.949 0.024 133.5)) is closest to the named color Mount Eden. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E8F2E2
oklch(0.949 0.024 133.5)
Color conversions
- HEX
- #e8f2e2
- RGB
- rgb(232 242 226)
- HSL
- hsl(97 38% 92%)
- HWB
- hwb(97 89% 5%)
- OKLCH
- oklch(0.949 0.024 133.5)
- OKLab
- oklab(0.949 -0.016 0.017)
- CIE Lab
- lab(94.41 -5.54 6.54)
- LCH
- lch(94.41 8.58 130.3)
- CMYK
- cmyk(4% 0% 7% 5%)
Tints · Shades · Tones
Tints
- EAF3E5
- EDF5E8
- EFF6EB
- F1F7EE
- F3F9F0
- F6FAF3
- F8FBF6
- FAFCF9
- FDFEFC
Shades
- CAD2C4
- ACB4A8
- 90968C
- 747971
- 595E57
- 40433E
- 292B27
- 131412
- 030303
Tones
- DDE6D8
- D2DACE
- C8CEC4
- BDC3BA
- B3B7B0
- A8ACA6
- 9EA19C
- 949693
- 8A8B89
Color harmonies
Complementary +180°
- E8F2E2
Mount Eden
- F4EAFA
≈ Perfume Haze
Analogous -30° +30°
- E8F2E2
Mount Eden
- F1EFDD
≈ Glisten Green
- E1F4EA
≈ Polar
Triadic +120° +240°
- E8F2E2
Mount Eden
- E4F0FE
≈ Cotton Boll
- FEE8E9
≈ Pink Sparkle
Split-complementary +150° +210°
- E8F2E2
Mount Eden
- ECEDFE
≈ Carte Blanche
- FBE8F2
≈ Cherry Pearl
Tetradic +90° +180° +270°
- E8F2E2
Mount Eden
- DEF2FA
≈ Wizard White
- F4EAFA
≈ Perfume Haze
- FDEAE2
≈ Chablis
Contrast & accessibility
Ag
FailOn white
WCAG 1.15:1 · APCA Lc 0
Ag
AAAOn black
WCAG 18.23:1 · APCA Lc 97
Best text color: #000000
WCAG 18.23:1 (AAA) · APCA Lc 97
Contrast pairs
Code snippets
CSS
:root {
--mount-eden: #e8f2e2;
--mount-eden-rgb: 232 242 226;
--mount-eden-oklch: oklch(0.949 0.024 133.5);
}
.element {
color: var(--mount-eden);
background-color: hsl(97 38% 92%);
border-color: oklch(0.949 0.024 133.5);
}Tailwind CSS v4
@theme {
--color-mount-eden: #e8f2e2;
--color-mount-eden-50: #f2f7f0;
--color-mount-eden-100: #e4eae2;
--color-mount-eden-200: #d0d7cd;
--color-mount-eden-300: #b2baae;
--color-mount-eden-400: #99a294;
--color-mount-eden-500: #808a7a;
--color-mount-eden-600: #6c7567;
--color-mount-eden-700: #575d53;
--color-mount-eden-800: #3f443c;
--color-mount-eden-900: #2c2f29;
--color-mount-eden-950: #191c17;
}SCSS
$mount-eden: #e8f2e2;
$mount-eden-rgb: 232, 242, 226;
$mount-eden-light: mix(#fff, $mount-eden, 20%);
$mount-eden-dark: mix(#000, $mount-eden, 20%);
.element {
color: $mount-eden;
box-shadow: 0 0 0 2px rgba($mount-eden, 0.35);
}