가장 가까운 이름 색상 · #EAECDC
#EAECDC
가장 가까운 이름 색상: Magical Stardust
#EAECDC(rgb(234 236 220), hsl(68 30% 89%), oklch(0.937 0.021 112.6))와 가장 가까운 이름 색상은 Magical Stardust입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#EAECDC
oklch(0.937 0.021 112.6)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- ECEEDF
- EEF0E3
- F0F2E6
- F2F4EA
- F4F5ED
- F7F7F1
- F9F9F4
- FBFBF8
- FDFDFB
셰이드
- CBCDBF
- AEAFA3
- 919288
- 75766E
- 5A5B54
- 41423C
- 292926
- 131311
- 030302
톤
- DFE1D2
- D4D5C9
- C9CAC0
- BEBFB6
- B4B5AD
- A9AAA4
- 9F9F9B
- 949592
- 8A8A89
색 조화
보색 +180°
- EAECDC
Magical Stardust
- EAE8F8
≈ Icy Lilac
유사색 -30° +30°
- EAECDC
Magical Stardust
- F1E9DB
≈ Table Linen
- E2EEE1
≈ Soothing Vapour
삼각 배색 +120° +240°
- EAECDC
Magical Stardust
- DDEDF6
≈ Ice Fishing
- F7E5EB
≈ Pink Tutu
분열 보색 +150° +210°
- EAECDC
Magical Stardust
- E3EBF9
≈ Husky
- F1E6F3
≈ Holographic Lavender
사각 배색 +90° +180° +270°
- EAECDC
Magical Stardust
- DBEFF0
≈ White Glaze
- EAE8F8
≈ Icy Lilac
- F8E5E4
≈ Tutu
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.19:1 · APCA Lc 10
Ag
AAA검은색 위
WCAG 17.53:1 · APCA Lc 94
가장 좋은 글자색: #000000
WCAG 17.53:1 (AAA) · APCA Lc 94
Contrast pairs
코드 스니펫
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);
}