Nearest named color · #E9F2E2
#E9F2E2
Nearest named color: Mount Eden
#E9F2E2 (rgb(233 242 226), hsl(94 38% 92%), oklch(0.95 0.023 131.1)) is closest to the named color Mount Eden. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E9F2E2
oklch(0.95 0.023 131.1)
Color conversions
- HEX
- #e9f2e2
- RGB
- rgb(233 242 226)
- HSL
- hsl(94 38% 92%)
- HWB
- hwb(94 89% 5%)
- OKLCH
- oklch(0.95 0.023 131.1)
- OKLab
- oklab(0.95 -0.015 0.017)
- CIE Lab
- lab(94.48 -5.2 6.66)
- LCH
- lch(94.48 8.45 127.9)
- CMYK
- cmyk(4% 0% 7% 5%)
Tints · Shades · Tones
Tints
- EBF3E5
- EDF5E8
- F0F6EB
- F2F7EE
- F4F9F0
- F6FAF3
- F8FBF6
- FBFCF9
- FDFEFC
Shades
- CBD2C4
- ADB4A8
- 90968C
- 747971
- 5A5E57
- 41433E
- 292B27
- 131412
- 030303
Tones
- DEE6D8
- D3DACE
- C8CEC4
- BEC3BA
- B3B7B0
- A9ACA6
- 9EA19C
- 949693
- 8A8B89
Color harmonies
Complementary +180°
- E9F2E2
Mount Eden
- F4EAFA
≈ Perfume Haze
Analogous -30° +30°
- E9F2E2
Mount Eden
- F1EFDE
≈ White Wool
- E2F4E9
≈ Mint Fizz
Triadic +120° +240°
- E9F2E2
Mount Eden
- E3F0FE
≈ Wizard White
- FEE9EA
≈ Pink Sparkle
Split-complementary +150° +210°
- E9F2E2
Mount Eden
- EBEDFE
≈ Brilliant White
- FAE9F3
≈ Placebo Magenta
Tetradic +90° +180° +270°
- E9F2E2
Mount Eden
- DEF2FA
≈ Wizard White
- F4EAFA
≈ Perfume Haze
- FDEAE3
≈ Soft Pink Mist
Contrast & accessibility
Ag
FailOn white
WCAG 1.14:1 · APCA Lc 0
Ag
AAAOn black
WCAG 18.26:1 · APCA Lc 97
Best text color: #000000
WCAG 18.26:1 (AAA) · APCA Lc 97
Contrast pairs
Code snippets
CSS
:root {
--mount-eden: #e9f2e2;
--mount-eden-rgb: 233 242 226;
--mount-eden-oklch: oklch(0.95 0.023 131.1);
}
.element {
color: var(--mount-eden);
background-color: hsl(94 38% 92%);
border-color: oklch(0.95 0.023 131.1);
}Tailwind CSS v4
@theme {
--color-mount-eden: #e9f2e2;
--color-mount-eden-50: #f2f7f0;
--color-mount-eden-100: #e5eae2;
--color-mount-eden-200: #d0d6cc;
--color-mount-eden-300: #b3baae;
--color-mount-eden-400: #9aa193;
--color-mount-eden-500: #818a7a;
--color-mount-eden-600: #6d7467;
--color-mount-eden-700: #575d52;
--color-mount-eden-800: #40443c;
--color-mount-eden-900: #2c2f29;
--color-mount-eden-950: #191c17;
}SCSS
$mount-eden: #e9f2e2;
$mount-eden-rgb: 233, 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);
}