Colore con nome · #E8C3D9
Dreamy Memory
Dreamy Memory è #E8C3D9: rgb(232 195 217), hsl(324 45% 84%), oklch(0.855 0.051 341.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Dreamy Memory color name →
#E8C3D9
oklch(0.855 0.051 341.8)
Conversioni di colore
- HEX
- #e8c3d9
- RGB
- rgb(232 195 217)
- HSL
- hsl(324 45% 84%)
- HWB
- hwb(324 76% 9%)
- OKLCH
- oklch(0.855 0.051 341.8)
- OKLab
- oklab(0.855 0.048 -0.016)
- CIE Lab
- lab(82.53 16.24 -5.85)
- LCH
- lch(82.53 17.26 340.2)
- CMYK
- cmyk(0% 16% 6% 9%)
Tinte · Ombre · Toni
Tinte
- EAC9DD
- EDCFE1
- EFD5E4
- F2DBE8
- F4E1EC
- F6E7F0
- F8EDF4
- FBF3F7
- FDF9FB
Ombre
- CAA9BC
- AC90A1
- 907886
- 74606C
- 594A53
- 40343B
- 292025
- 130E11
- 030202
Toni
- DDBCD0
- D3B5C7
- C8AEBD
- BDA8B4
- B3A1AB
- A99AA3
- 9E949A
- 948D91
- 8A8789
Armonie di colore
Complementare +180°
- E8C3D9
Dreamy Memory
- B3DAC5
≈ Celadon Sorbet
Analogo -30° +30°
- E8C3D9
Dreamy Memory
- DBC7E8
≈ Foggy Love
- EFC3C7
≈ Berry Good
Triadico +120° +240°
- E8C3D9
Dreamy Memory
- D6D1AB
≈ Crystal Palace
- ACD8E8
≈ Light Blue
Complementare divisa +150° +210°
- E8C3D9
Dreamy Memory
- C3D7B5
≈ Meadow Grass
- AADBD8
≈ Beachside Drive
Tetradico +90° +180° +270°
- E8C3D9
Dreamy Memory
- E5CBAC
≈ Interactive Cream
- B3DAC5
≈ Celadon Sorbet
- B8D2F1
≈ Frost Fairy
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.58:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.23:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.23:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--dreamy-memory: #e8c3d9;
--dreamy-memory-rgb: 232 195 217;
--dreamy-memory-oklch: oklch(0.855 0.051 341.8);
}
.element {
color: var(--dreamy-memory);
background-color: hsl(324 45% 84%);
border-color: oklch(0.855 0.051 341.8);
}Tailwind CSS v4
@theme {
--color-dreamy-memory: #e8c3d9;
--color-dreamy-memory-50: #fff0f9;
--color-dreamy-memory-100: #f5e2ec;
--color-dreamy-memory-200: #e5ccda;
--color-dreamy-memory-300: #cbaebe;
--color-dreamy-memory-400: #b493a7;
--color-dreamy-memory-500: #9e7990;
--color-dreamy-memory-600: #86677a;
--color-dreamy-memory-700: #6b5261;
--color-dreamy-memory-800: #4f3c48;
--color-dreamy-memory-900: #372932;
--color-dreamy-memory-950: #22171e;
}SCSS
$dreamy-memory: #e8c3d9;
$dreamy-memory-rgb: 232, 195, 217;
$dreamy-memory-light: mix(#fff, $dreamy-memory, 20%);
$dreamy-memory-dark: mix(#000, $dreamy-memory, 20%);
.element {
color: $dreamy-memory;
box-shadow: 0 0 0 2px rgba($dreamy-memory, 0.35);
}