가장 가까운 이름 색상 · #E8DCE4
#E8DCE4
가장 가까운 이름 색상: Violet Vapour
#E8DCE4(rgb(232 220 228), hsl(320 21% 89%), oklch(0.906 0.017 337.6))와 가장 가까운 이름 색상은 Violet Vapour입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#E8DCE4
oklch(0.906 0.017 337.6)
색상 변환
- HEX
- #e8dce4
- RGB
- rgb(232 220 228)
- HSL
- hsl(320 21% 89%)
- HWB
- hwb(320 86% 9%)
- OKLCH
- oklch(0.906 0.017 337.6)
- OKLab
- oklab(0.906 0.016 -0.006)
- CIE Lab
- lab(88.91 5.29 -2.38)
- LCH
- lch(88.91 5.8 335.7)
- CMYK
- cmyk(0% 5% 2% 9%)
틴트 · 셰이드 · 톤
틴트
- EADFE7
- EDE3E9
- EFE6EC
- F1EAEF
- F3EDF1
- F6F1F4
- F8F4F7
- FAF8FA
- FDFBFC
셰이드
- CABFC6
- ACA3A9
- 90888D
- 746E72
- 595458
- 403C3F
- 292628
- 131112
- 030203
톤
- DDD2DA
- D2C9CF
- C8BFC5
- BDB6BB
- B3ADB1
- A8A4A7
- 9E9B9D
- 949293
- 8A898A
색 조화
보색 +180°
- E8DCE4
Violet Vapour
- D7E4DC
≈ Cactus Blossom
유사색 -30° +30°
- E8DCE4
Violet Vapour
- E3DDE9
≈ Pale Muse
- EBDCDE
≈ Discrete Pink
삼각 배색 +120° +240°
- E8DCE4
Violet Vapour
- E3E0D4
≈ Aragonite
- D4E3E7
≈ Aloof
분열 보색 +150° +210°
- E8DCE4
Violet Vapour
- DDE2D7
≈ Salty Breeze
- D4E4E2
≈ Meadowsweet Mist
사각 배색 +90° +180° +270°
- E8DCE4
Violet Vapour
- E8DED5
≈ Ballerina Beauty
- D7E4DC
≈ Cactus Blossom
- D8E1EB
≈ Violet Vignette
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.33:1 · APCA Lc 16
Ag
AAA검은색 위
WCAG 15.78:1 · APCA Lc 87
가장 좋은 글자색: #000000
WCAG 15.78:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--violet-vapour: #e8dce4;
--violet-vapour-rgb: 232 220 228;
--violet-vapour-oklch: oklch(0.906 0.017 337.6);
}
.element {
color: var(--violet-vapour);
background-color: hsl(320 21% 89%);
border-color: oklch(0.906 0.017 337.6);
}Tailwind CSS v4
@theme {
--color-violet-vapour: #e8dce4;
--color-violet-vapour-50: #f9f3f7;
--color-violet-vapour-100: #ece6ea;
--color-violet-vapour-200: #d9d1d6;
--color-violet-vapour-300: #beb4ba;
--color-violet-vapour-400: #a59ba2;
--color-violet-vapour-500: #8e828a;
--color-violet-vapour-600: #786e75;
--color-violet-vapour-700: #60585d;
--color-violet-vapour-800: #464045;
--color-violet-vapour-900: #312c2f;
--color-violet-vapour-950: #1d191c;
}SCSS
$violet-vapour: #e8dce4;
$violet-vapour-rgb: 232, 220, 228;
$violet-vapour-light: mix(#fff, $violet-vapour, 20%);
$violet-vapour-dark: mix(#000, $violet-vapour, 20%);
.element {
color: $violet-vapour;
box-shadow: 0 0 0 2px rgba($violet-vapour, 0.35);
}