Couleur nommée · #EAEADB
Magical Stardust
Magical Stardust correspond à #EAEADB : rgb(234 234 219), hsl(60 26% 89%), oklch(0.933 0.02 106.8). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Magical Stardust color name →
#EAEADB
oklch(0.933 0.02 106.8)
Conversions de couleur
- HEX
- #eaeadb
- RGB
- rgb(234 234 219)
- HSL
- hsl(60 26% 89%)
- HWB
- hwb(60 86% 8%)
- OKLCH
- oklch(0.933 0.02 106.8)
- OKLab
- oklab(0.933 -0.006 0.019)
- CIE Lab
- lab(92.39 -1.92 7.31)
- LCH
- lch(92.39 7.56 104.7)
- CMYK
- cmyk(0% 0% 6% 8%)
Teintes · Ombres · Tons
Teintes
- ECECDF
- EEEEE2
- F0F0E6
- F2F2E9
- F4F4ED
- F7F7F1
- F9F9F4
- FBFBF8
- FDFDFB
Ombres
- CBCBBE
- AEAEA2
- 919187
- 75756D
- 5A5A54
- 41413C
- 292926
- 131311
- 030302
Tons
- DFDFD2
- D4D4C8
- C9C9BF
- BEBEB6
- B4B4AC
- A9A9A3
- 9F9F9A
- 949491
- 8A8A89
Harmonies de couleurs
Complémentaire +180°
- EAEADB
Magical Stardust
- E7E7F6
≈ Glitter
Analogue -30° +30°
- EAEADB
Magical Stardust
- F1E7DA
≈ French White
- E3ECDF
≈ Window Pane
Triadique +120° +240°
- EAEADB
Magical Stardust
- DCECF3
≈ Ice Fishing
- F4E4EB
≈ Nina
Complémentaire divisée +150° +210°
- EAEADB
Magical Stardust
- E1EAF6
≈ Harbour Afternoon
- EEE5F2
≈ Holographic Lavender
Tétradique +90° +180° +270°
- EAEADB
Magical Stardust
- DAEDED
≈ Blue Green Rules
- E7E7F6
≈ Glitter
- F6E4E4
≈ Faint Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.21:1 · APCA Lc 11
Ag
AAASur noir
WCAG 17.29:1 · APCA Lc 94
Meilleure couleur de texte: #000000
WCAG 17.29:1 (AAA) · APCA Lc 94
Contrast pairs
Extraits de code
CSS
:root {
--magical-stardust: #eaeadb;
--magical-stardust-rgb: 234 234 219;
--magical-stardust-oklch: oklch(0.933 0.02 106.8);
}
.element {
color: var(--magical-stardust);
background-color: hsl(60 26% 89%);
border-color: oklch(0.933 0.02 106.8);
}Tailwind CSS v4
@theme {
--color-magical-stardust: #eaeadb;
--color-magical-stardust-50: #f5f6ef;
--color-magical-stardust-100: #e8e8e1;
--color-magical-stardust-200: #d5d5cb;
--color-magical-stardust-300: #b8b8ad;
--color-magical-stardust-400: #9f9f92;
--color-magical-stardust-500: #878778;
--color-magical-stardust-600: #737266;
--color-magical-stardust-700: #5c5c51;
--color-magical-stardust-800: #43433b;
--color-magical-stardust-900: #2e2e28;
--color-magical-stardust-950: #1b1b16;
}SCSS
$magical-stardust: #eaeadb;
$magical-stardust-rgb: 234, 234, 219;
$magical-stardust-light: mix(#fff, $magical-stardust, 20%);
$magical-stardust-dark: mix(#000, $magical-stardust, 20%);
.element {
color: $magical-stardust;
box-shadow: 0 0 0 2px rgba($magical-stardust, 0.35);
}