Nearest named color · #E3E2ED
#E3E2ED
Nearest named color: Homoeopathic Lilac
#E3E2ED (rgb(227 226 237), hsl(245 23% 91%), oklch(0.917 0.015 290.3)) is closest to the named color Homoeopathic Lilac. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E3E2ED
oklch(0.917 0.015 290.3)
Color conversions
- HEX
- #e3e2ed
- RGB
- rgb(227 226 237)
- HSL
- hsl(245 23% 91%)
- HWB
- hwb(245 89% 7%)
- OKLCH
- oklch(0.917 0.015 290.3)
- OKLab
- oklab(0.917 0.005 -0.014)
- CIE Lab
- lab(90.2 1.85 -5.25)
- LCH
- lch(90.2 5.57 289.4)
- CMYK
- cmyk(4% 5% 0% 7%)
Tints · Shades · Tones
Tints
- E6E5EF
- E9E8F1
- EBEBF2
- EEEEF4
- F1F0F6
- F4F3F8
- F7F6FA
- F9F9FB
- FCFCFD
Shades
- C5C4CE
- A8A8B0
- 8C8C93
- 717177
- 57575C
- 3F3E42
- 27272A
- 121214
- 030303
Tones
- D9D8E2
- CECED6
- C4C4CB
- BABAC0
- B0B0B5
- A6A6AA
- 9D9C9F
- 939395
- 89898A
Color harmonies
Complementary +180°
- E3E2ED
Homoeopathic Lilac
- E4E5D9
≈ Olive Conquering White
Analogous -30° +30°
- E3E2ED
Homoeopathic Lilac
- DEE4EE
≈ Iris Ice
- E8E0EA
≈ Bubble Bath
Triadic +120° +240°
- E3E2ED
Homoeopathic Lilac
- ECE1DB
≈ Milady
- DAE7E2
≈ Icelandic Winter
Split-complementary +150° +210°
- E3E2ED
Homoeopathic Lilac
- E9E3D9
≈ Moon Shell
- DEE6DD
≈ Moist Silver
Tetradic +90° +180° +270°
- E3E2ED
Homoeopathic Lilac
- EDE0DF
≈ Soft Peach
- E4E5D9
≈ Olive Conquering White
- D9E7E7
≈ Cold Soft Blue
Contrast & accessibility
Ag
FailOn white
WCAG 1.28:1 · APCA Lc 14
Ag
AAAOn black
WCAG 16.36:1 · APCA Lc 90
Best text color: #000000
WCAG 16.36:1 (AAA) · APCA Lc 90
Contrast pairs
Code snippets
CSS
:root {
--homoeopathic-lilac: #e3e2ed;
--homoeopathic-lilac-rgb: 227 226 237;
--homoeopathic-lilac-oklch: oklch(0.917 0.015 290.3);
}
.element {
color: var(--homoeopathic-lilac);
background-color: hsl(245 23% 91%);
border-color: oklch(0.917 0.015 290.3);
}Tailwind CSS v4
@theme {
--color-homoeopathic-lilac: #e3e2ed;
--color-homoeopathic-lilac-50: #f5f4f9;
--color-homoeopathic-lilac-100: #e8e7ec;
--color-homoeopathic-lilac-200: #d4d3da;
--color-homoeopathic-lilac-300: #b7b6bf;
--color-homoeopathic-lilac-400: #9e9da7;
--color-homoeopathic-lilac-500: #868590;
--color-homoeopathic-lilac-600: #717079;
--color-homoeopathic-lilac-700: #5a5a61;
--color-homoeopathic-lilac-800: #424247;
--color-homoeopathic-lilac-900: #2d2d31;
--color-homoeopathic-lilac-950: #1a1a1d;
}SCSS
$homoeopathic-lilac: #e3e2ed;
$homoeopathic-lilac-rgb: 227, 226, 237;
$homoeopathic-lilac-light: mix(#fff, $homoeopathic-lilac, 20%);
$homoeopathic-lilac-dark: mix(#000, $homoeopathic-lilac, 20%);
.element {
color: $homoeopathic-lilac;
box-shadow: 0 0 0 2px rgba($homoeopathic-lilac, 0.35);
}