이름 색상 · #EDEBDE
Moth Mist
Moth Mist은(는) #EDEBDE: rgb(237 235 222), hsl(52 29% 90%), oklch(0.938 0.017 99.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Moth Mist color name →
#EDEBDE
oklch(0.938 0.017 99.6)
색상 변환
- HEX
- #edebde
- RGB
- rgb(237 235 222)
- HSL
- hsl(52 29% 90%)
- HWB
- hwb(52 87% 7%)
- OKLCH
- oklch(0.938 0.017 99.6)
- OKLab
- oklab(0.938 -0.003 0.017)
- CIE Lab
- lab(92.94 -0.97 6.58)
- LCH
- lch(92.94 6.65 98.4)
- CMYK
- cmyk(0% 1% 6% 7%)
틴트 · 셰이드 · 톤
틴트
- EFEDE1
- F1EFE5
- F2F1E8
- F4F3EB
- F6F5EE
- F8F7F2
- FAF9F5
- FBFBF8
- FDFDFC
셰이드
- CECCC1
- B0AEA5
- 939189
- 77756F
- 5C5B55
- 42413D
- 2A2926
- 141312
- 030302
톤
- E2E0D4
- D6D5CA
- CBCAC1
- C0BFB7
- B5B4AE
- AAA9A4
- 9F9F9B
- 959492
- 8A8A89
색 조화
보색 +180°
- EDEBDE
Moth Mist
- E8EAF6
≈ Icy Lilac
유사색 -30° +30°
- EDEBDE
Moth Mist
- F2E9DE
≈ Tangelo Cream
- E7EDE1
≈ At Ease
삼각 배색 +120° +240°
- EDEBDE
Moth Mist
- DFEEF3
≈ Diamond White
- F3E6EE
≈ Amour Frais
분열 보색 +150° +210°
- EDEBDE
Moth Mist
- E2ECF6
≈ Out Cold
- EEE8F4
≈ Tranquil Eve
사각 배색 +90° +180° +270°
- EDEBDE
Moth Mist
- DEEFED
≈ Free Spirit
- E8EAF6
≈ Icy Lilac
- F6E6E8
≈ Amour Frais
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.19:1 · APCA Lc 10
Ag
AAA검은색 위
WCAG 17.53:1 · APCA Lc 95
가장 좋은 글자색: #000000
WCAG 17.53:1 (AAA) · APCA Lc 95
Contrast pairs
코드 스니펫
CSS
:root {
--moth-mist: #edebde;
--moth-mist-rgb: 237 235 222;
--moth-mist-oklch: oklch(0.938 0.017 99.6);
}
.element {
color: var(--moth-mist);
background-color: hsl(52 29% 90%);
border-color: oklch(0.938 0.017 99.6);
}Tailwind CSS v4
@theme {
--color-moth-mist: #edebde;
--color-moth-mist-50: #f6f5f0;
--color-moth-mist-100: #e9e8e2;
--color-moth-mist-200: #d5d5cc;
--color-moth-mist-300: #b9b8ae;
--color-moth-mist-400: #a19f93;
--color-moth-mist-500: #89877a;
--color-moth-mist-600: #747267;
--color-moth-mist-700: #5c5b52;
--color-moth-mist-800: #44423c;
--color-moth-mist-900: #2f2e29;
--color-moth-mist-950: #1b1b17;
}SCSS
$moth-mist: #edebde;
$moth-mist-rgb: 237, 235, 222;
$moth-mist-light: mix(#fff, $moth-mist, 20%);
$moth-mist-dark: mix(#000, $moth-mist, 20%);
.element {
color: $moth-mist;
box-shadow: 0 0 0 2px rgba($moth-mist, 0.35);
}