Dichtstbijzijnde benoemde kleur · #E4E6F3
#E4E6F3
Dichtstbijzijnde benoemde kleur: Homoeopathic Lilac
#E4E6F3 (rgb(228 230 243), hsl(232 38% 92%), oklch(0.927 0.018 279)) komt het dichtst bij de benoemde kleur Homoeopathic Lilac. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#E4E6F3
oklch(0.927 0.018 279)
Kleurconversies
- HEX
- #e4e6f3
- RGB
- rgb(228 230 243)
- HSL
- hsl(232 38% 92%)
- HWB
- hwb(232 89% 5%)
- OKLCH
- oklch(0.927 0.018 279)
- OKLab
- oklab(0.927 0.003 -0.017)
- CIE Lab
- lab(91.42 1.1 -6.58)
- LCH
- lch(91.42 6.67 279.5)
- CMYK
- cmyk(6% 5% 0% 5%)
Tinten · Schaduwen · Tonen
Tinten
- E7E8F4
- E9EBF5
- ECEDF7
- EFF0F8
- F1F2F9
- F4F5FA
- F7F7FB
- FAFAFD
- FCFCFE
Schaduwen
- C6C8D3
- A9ABB4
- 8D8E97
- 72737A
- 58595E
- 3F4044
- 28282B
- 121314
- 030303
Tonen
- DADBE7
- CFD1DB
- C5C6CF
- BBBCC3
- B1B2B8
- A7A7AC
- 9D9DA1
- 939496
- 8A8A8B
Kleurharmonieën
Complementair +180°
- E4E6F3
Homoeopathic Lilac
- EAE7DA
≈ Clear Sand
Analoog -30° +30°
- E4E6F3
Homoeopathic Lilac
- DEE8F3
≈ St. Petersburg
- EAE4F0
≈ Modest Violet
Triadisch +120° +240°
- E4E6F3
Homoeopathic Lilac
- F2E3DE
≈ Peach Tone
- DEEBE3
≈ Snowbound
Gesplitst complementair +150° +210°
- E4E6F3
Homoeopathic Lilac
- EFE5DB
≈ Sweet Gardenia
- E3E9DD
≈ Minified Moss
Tetradisch +90° +180° +270°
- E4E6F3
Homoeopathic Lilac
- F2E2E4
≈ Dulcet Pink
- EAE7DA
≈ Clear Sand
- DAEBE9
≈ Water Squirt
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.24:1 · APCA Lc 12
Ag
AAAOp zwart
WCAG 16.91:1 · APCA Lc 92
Beste tekstkleur: #000000
WCAG 16.91:1 (AAA) · APCA Lc 92
Contrast pairs
Codefragmenten
CSS
:root {
--homoeopathic-lilac: #e4e6f3;
--homoeopathic-lilac-rgb: 228 230 243;
--homoeopathic-lilac-oklch: oklch(0.927 0.018 279);
}
.element {
color: var(--homoeopathic-lilac);
background-color: hsl(232 38% 92%);
border-color: oklch(0.927 0.018 279);
}Tailwind CSS v4
@theme {
--color-homoeopathic-lilac: #e4e6f3;
--color-homoeopathic-lilac-50: #f4f5fa;
--color-homoeopathic-lilac-100: #e6e7ee;
--color-homoeopathic-lilac-200: #d3d3dc;
--color-homoeopathic-lilac-300: #b5b6c0;
--color-homoeopathic-lilac-400: #9c9ea9;
--color-homoeopathic-lilac-500: #838592;
--color-homoeopathic-lilac-600: #6f717c;
--color-homoeopathic-lilac-700: #595a63;
--color-homoeopathic-lilac-800: #414249;
--color-homoeopathic-lilac-900: #2d2d32;
--color-homoeopathic-lilac-950: #1a1a1e;
}SCSS
$homoeopathic-lilac: #e4e6f3;
$homoeopathic-lilac-rgb: 228, 230, 243;
$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);
}