가장 가까운 이름 색상 · #ECEDDD
#ECEDDD
가장 가까운 이름 색상: Magical Stardust
#ECEDDD(rgb(236 237 221), hsl(64 31% 90%), oklch(0.941 0.021 109.7))와 가장 가까운 이름 색상은 Magical Stardust입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#ECEDDD
oklch(0.941 0.021 109.7)
색상 변환
- HEX
- #eceddd
- RGB
- rgb(236 237 221)
- HSL
- hsl(64 31% 90%)
- HWB
- hwb(64 87% 7%)
- OKLCH
- oklch(0.941 0.021 109.7)
- OKLab
- oklab(0.941 -0.007 0.02)
- CIE Lab
- lab(93.34 -2.4 7.66)
- LCH
- lch(93.34 8.03 107.4)
- CMYK
- cmyk(0% 0% 7% 7%)
틴트 · 셰이드 · 톤
틴트
- EEEFE0
- F0F1E4
- F2F2E7
- F4F4EB
- F5F6EE
- F7F8F1
- F9FAF5
- FBFBF8
- FDFDFC
셰이드
- CDCEC0
- AFB0A4
- 929388
- 76776E
- 5B5C55
- 42423D
- 292A26
- 131411
- 030302
톤
- E1E2D3
- D5D6CA
- CACBC0
- BFC0B7
- B4B5AD
- AAAAA4
- 9F9F9B
- 959592
- 8A8A89
색 조화
보색 +180°
- ECEDDD
Magical Stardust
- EBE9F9
≈ Bright Dusk
유사색 -30° +30°
- ECEDDD
Magical Stardust
- F3EADC
≈ Baseball Base
- E4EFE2
≈ Molly Green
삼각 배색 +120° +240°
- ECEDDD
Magical Stardust
- DEEFF7
≈ Diamond White
- F7E6ED
≈ Amour Frais
분열 보색 +150° +210°
- ECEDDD
Magical Stardust
- E3ECFA
≈ Husky
- F2E7F5
≈ Perfume Haze
사각 배색 +90° +180° +270°
- ECEDDD
Magical Stardust
- DCF0F1
≈ Soar
- EBE9F9
≈ Bright Dusk
- FAE6E6
≈ Rose Sugar
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.18:1 · APCA Lc 9
Ag
AAA검은색 위
WCAG 17.72:1 · APCA Lc 95
가장 좋은 글자색: #000000
WCAG 17.72:1 (AAA) · APCA Lc 95
Contrast pairs
코드 스니펫
CSS
:root {
--magical-stardust: #eceddd;
--magical-stardust-rgb: 236 237 221;
--magical-stardust-oklch: oklch(0.941 0.021 109.7);
}
.element {
color: var(--magical-stardust);
background-color: hsl(64 31% 90%);
border-color: oklch(0.941 0.021 109.7);
}Tailwind CSS v4
@theme {
--color-magical-stardust: #eceddd;
--color-magical-stardust-50: #f5f6ef;
--color-magical-stardust-100: #e8e9e1;
--color-magical-stardust-200: #d4d5cb;
--color-magical-stardust-300: #b7b9ac;
--color-magical-stardust-400: #9fa092;
--color-magical-stardust-500: #878878;
--color-magical-stardust-600: #727365;
--color-magical-stardust-700: #5b5c51;
--color-magical-stardust-800: #43433b;
--color-magical-stardust-900: #2e2e28;
--color-magical-stardust-950: #1b1b16;
}SCSS
$magical-stardust: #eceddd;
$magical-stardust-rgb: 236, 237, 221;
$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);
}