Benoemde kleur · #E8DEDA
Memories
Memories is #E8DEDA: rgb(232 222 218), hsl(17 23% 88%), oklch(0.907 0.012 43.3). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Memories color name →
#E8DEDA
oklch(0.907 0.012 43.3)
Kleurconversies
- HEX
- #e8deda
- RGB
- rgb(232 222 218)
- HSL
- hsl(17 23% 88%)
- HWB
- hwb(17 85% 9%)
- OKLCH
- oklch(0.907 0.012 43.3)
- OKLab
- oklab(0.907 0.009 0.008)
- CIE Lab
- lab(89.19 3.02 3.25)
- LCH
- lch(89.19 4.43 47.1)
- CMYK
- cmyk(0% 4% 6% 9%)
Tinten · Schaduwen · Tonen
Tinten
- EAE1DE
- EDE5E1
- EFE8E5
- F1EBE9
- F3EEEC
- F6F2F0
- F8F5F4
- FAF8F8
- FDFCFB
Schaduwen
- CAC1BD
- ACA5A2
- 908987
- 746F6C
- 595554
- 403D3C
- 292625
- 131211
- 030202
Tonen
- DDD4D1
- D2CAC7
- C8C1BE
- BDB7B5
- B3AEAC
- A8A4A3
- 9E9B9A
- 949291
- 8A8989
Kleurharmonieën
Complementair +180°
- E8DEDA
Memories
- D8E2E6
≈ Glassine
Analoog -30° +30°
- E8DEDA
Memories
- E8DDDE
≈ Pink Posey
- E6DFD8
≈ Starling’s Egg
Triadisch +120° +240°
- E8DEDA
Memories
- DAE3DE
≈ Cautious Jade
- DFE0E9
≈ Amourette Eternelle
Gesplitst complementair +150° +210°
- E8DEDA
Memories
- D8E3E3
≈ Beachcomber
- DBE1E9
≈ Star Map
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.32:1 · APCA Lc 16
Ag
AAAOp zwart
WCAG 15.89:1 · APCA Lc 88
Beste tekstkleur: #000000
WCAG 15.89:1 (AAA) · APCA Lc 88
Contrast pairs
Codefragmenten
CSS
:root {
--memories: #e8deda;
--memories-rgb: 232 222 218;
--memories-oklch: oklch(0.907 0.012 43.3);
}
.element {
color: var(--memories);
background-color: hsl(17 23% 88%);
border-color: oklch(0.907 0.012 43.3);
}Tailwind CSS v4
@theme {
--color-memories: #e8deda;
--color-memories-50: #f8f4f2;
--color-memories-100: #ece7e4;
--color-memories-200: #d9d3d0;
--color-memories-300: #bdb6b2;
--color-memories-400: #a59c99;
--color-memories-500: #8e8480;
--color-memories-600: #78706c;
--color-memories-700: #605956;
--color-memories-800: #46413f;
--color-memories-900: #312d2b;
--color-memories-950: #1d1a19;
}SCSS
$memories: #e8deda;
$memories-rgb: 232, 222, 218;
$memories-light: mix(#fff, $memories, 20%);
$memories-dark: mix(#000, $memories, 20%);
.element {
color: $memories;
box-shadow: 0 0 0 2px rgba($memories, 0.35);
}