Colore con nome · #EDDBE9
Elfin Magic
Elfin Magic è #EDDBE9: rgb(237 219 233), hsl(313 33% 89%), oklch(0.91 0.027 333.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Elfin Magic color name →
#EDDBE9
oklch(0.91 0.027 333.3)
Conversioni di colore
- HEX
- #eddbe9
- RGB
- rgb(237 219 233)
- HSL
- hsl(313 33% 89%)
- HWB
- hwb(313 86% 7%)
- OKLCH
- oklch(0.91 0.027 333.3)
- OKLab
- oklab(0.91 0.024 -0.012)
- CIE Lab
- lab(89.19 8.19 -4.52)
- LCH
- lch(89.19 9.36 331.1)
- CMYK
- cmyk(0% 8% 2% 7%)
Tinte · Ombre · Toni
Tinte
- EFDFEB
- F1E2ED
- F2E6F0
- F4E9F2
- F6EDF4
- F8F1F6
- FAF4F8
- FBF8FB
- FDFBFD
Ombre
- CEBECB
- B0A2AD
- 938790
- 776D74
- 5C545A
- 423C41
- 2A2629
- 141113
- 030203
Toni
- E2D2DE
- D6C8D3
- CBBFC8
- C0B6BE
- B5ACB3
- AAA3A9
- 9F9A9E
- 959194
- 8A898A
Armonie di colore
Complementare +180°
- EDDBE9
Elfin Magic
- D4E7D9
≈ Light Green Wash
Analogo -30° +30°
- EDDBE9
Elfin Magic
- E5DDF1
≈ Lingering Lilac
- F2DADF
≈ Fancy Pants
Triadico +120° +240°
- EDDBE9
Elfin Magic
- E7E1CE
≈ Shearling
- CEE6EC
≈ Ethereal Mood
Complementare divisa +150° +210°
- EDDBE9
Elfin Magic
- DEE5D1
≈ Frostee
- CFE8E3
≈ Frosty White Blue
Tetradico +90° +180° +270°
- EDDBE9
Elfin Magic
- EFDECF
≈ Dry Dune
- D4E7D9
≈ Light Green Wash
- D3E4F2
≈ New Heights
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.31:1 · APCA Lc 16
Ag
AAASu nero
WCAG 15.91:1 · APCA Lc 88
Miglior colore del testo: #000000
WCAG 15.91:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--elfin-magic: #eddbe9;
--elfin-magic-rgb: 237 219 233;
--elfin-magic-oklch: oklch(0.91 0.027 333.3);
}
.element {
color: var(--elfin-magic);
background-color: hsl(313 33% 89%);
border-color: oklch(0.91 0.027 333.3);
}Tailwind CSS v4
@theme {
--color-elfin-magic: #eddbe9;
--color-elfin-magic-50: #faf2f8;
--color-elfin-magic-100: #eee5eb;
--color-elfin-magic-200: #dcd0d9;
--color-elfin-magic-300: #c1b2bd;
--color-elfin-magic-400: #a999a5;
--color-elfin-magic-500: #92808e;
--color-elfin-magic-600: #7b6c78;
--color-elfin-magic-700: #635660;
--color-elfin-magic-800: #483f47;
--color-elfin-magic-900: #322b31;
--color-elfin-magic-950: #1e191d;
}SCSS
$elfin-magic: #eddbe9;
$elfin-magic-rgb: 237, 219, 233;
$elfin-magic-light: mix(#fff, $elfin-magic, 20%);
$elfin-magic-dark: mix(#000, $elfin-magic, 20%);
.element {
color: $elfin-magic;
box-shadow: 0 0 0 2px rgba($elfin-magic, 0.35);
}