En yakın adlandırılmış renk · #EAECDC
#EAECDC
En yakın adlandırılmış renk: Magical Stardust
#EAECDC (rgb(234 236 220), hsl(68 30% 89%), oklch(0.937 0.021 112.6)) en çok Magical Stardust adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#EAECDC
oklch(0.937 0.021 112.6)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- ECEEDF
- EEF0E3
- F0F2E6
- F2F4EA
- F4F5ED
- F7F7F1
- F9F9F4
- FBFBF8
- FDFDFB
Koyu tonlar
- CBCDBF
- AEAFA3
- 919288
- 75766E
- 5A5B54
- 41423C
- 292926
- 131311
- 030302
Gri tonlar
- DFE1D2
- D4D5C9
- C9CAC0
- BEBFB6
- B4B5AD
- A9AAA4
- 9F9F9B
- 949592
- 8A8A89
Renk uyumları
Tamamlayıcı +180°
- EAECDC
Magical Stardust
- EAE8F8
≈ Icy Lilac
Analog -30° +30°
- EAECDC
Magical Stardust
- F1E9DB
≈ Table Linen
- E2EEE1
≈ Soothing Vapour
Üçlü +120° +240°
- EAECDC
Magical Stardust
- DDEDF6
≈ Ice Fishing
- F7E5EB
≈ Pink Tutu
Bölünmüş tamamlayıcı +150° +210°
- EAECDC
Magical Stardust
- E3EBF9
≈ Husky
- F1E6F3
≈ Holographic Lavender
Dörtlü +90° +180° +270°
- EAECDC
Magical Stardust
- DBEFF0
≈ White Glaze
- EAE8F8
≈ Icy Lilac
- F8E5E4
≈ Tutu
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.19:1 · APCA Lc 10
Ag
AAASiyah üzerinde
WCAG 17.53:1 · APCA Lc 94
En iyi metin rengi: #000000
WCAG 17.53:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
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);
}