Najbliższy nazwany kolor · #EAECDC
#EAECDC
Najbliższy nazwany kolor: Magical Stardust
#EAECDC (rgb(234 236 220), hsl(68 30% 89%), oklch(0.937 0.021 112.6)) jest najbliższy nazwanemu kolorowi Magical Stardust. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#EAECDC
oklch(0.937 0.021 112.6)
Konwersje koloru
- HEX
- #eaecdc
- RGB
- rgb(234 236 220)
- HSL
- hsl(68 30% 89%)
- HWB
- hwb(68 86% 7%)
- OKLCH
- oklch(0.937 0.021 112.6)
- OKLab
- oklab(0.937 -0.008 0.02)
- CIE Lab
- lab(92.92 -2.75 7.54)
- LCH
- lch(92.92 8.03 110.1)
- CMYK
- cmyk(1% 0% 7% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ECEEDF
- EEF0E3
- F0F2E6
- F2F4EA
- F4F5ED
- F7F7F1
- F9F9F4
- FBFBF8
- FDFDFB
Odcienie ciemniejsze
- CBCDBF
- AEAFA3
- 919288
- 75766E
- 5A5B54
- 41423C
- 292926
- 131311
- 030302
Tony
- DFE1D2
- D4D5C9
- C9CAC0
- BEBFB6
- B4B5AD
- A9AAA4
- 9F9F9B
- 949592
- 8A8A89
Harmonie kolorów
Komplementarna +180°
- EAECDC
Magical Stardust
- EAE8F8
≈ Icy Lilac
Analogowa -30° +30°
- EAECDC
Magical Stardust
- F1E9DB
≈ Table Linen
- E2EEE1
≈ Soothing Vapour
Triada +120° +240°
- EAECDC
Magical Stardust
- DDEDF6
≈ Ice Fishing
- F7E5EB
≈ Pink Tutu
Komplementarna rozszczepiona +150° +210°
- EAECDC
Magical Stardust
- E3EBF9
≈ Husky
- F1E6F3
≈ Holographic Lavender
Tetrada +90° +180° +270°
- EAECDC
Magical Stardust
- DBEFF0
≈ White Glaze
- EAE8F8
≈ Icy Lilac
- F8E5E4
≈ Tutu
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.19:1 · APCA Lc 10
Ag
AAANa czerni
WCAG 17.53:1 · APCA Lc 94
Najlepszy kolor tekstu: #000000
WCAG 17.53:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmenty kodu
CSS
:root {
--magical-stardust: #eaecdc;
--magical-stardust-rgb: 234 236 220;
--magical-stardust-oklch: oklch(0.937 0.021 112.6);
}
.element {
color: var(--magical-stardust);
background-color: hsl(68 30% 89%);
border-color: oklch(0.937 0.021 112.6);
}Tailwind CSS v4
@theme {
--color-magical-stardust: #eaecdc;
--color-magical-stardust-50: #f5f6ef;
--color-magical-stardust-100: #e7e9e1;
--color-magical-stardust-200: #d4d5cb;
--color-magical-stardust-300: #b7b9ad;
--color-magical-stardust-400: #9ea092;
--color-magical-stardust-500: #868878;
--color-magical-stardust-600: #717366;
--color-magical-stardust-700: #5b5c51;
--color-magical-stardust-800: #42433b;
--color-magical-stardust-900: #2e2e28;
--color-magical-stardust-950: #1b1b16;
}SCSS
$magical-stardust: #eaecdc;
$magical-stardust-rgb: 234, 236, 220;
$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);
}