이름 색상 · #E8DEEA
Lilac Frost
Lilac Frost은(는) #E8DEEA: rgb(232 222 234), hsl(290 22% 89%), oklch(0.912 0.019 320.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Lilac Frost color name →
#E8DEEA
oklch(0.912 0.019 320.6)
색상 변환
- HEX
- #e8deea
- RGB
- rgb(232 222 234)
- HSL
- hsl(290 22% 89%)
- HWB
- hwb(290 87% 8%)
- OKLCH
- oklch(0.912 0.019 320.6)
- OKLab
- oklab(0.912 0.015 -0.012)
- CIE Lab
- lab(89.54 5.11 -4.6)
- LCH
- lch(89.54 6.88 318)
- CMYK
- cmyk(1% 5% 0% 8%)
틴트 · 셰이드 · 톤
틴트
- EAE1EC
- EDE5EE
- EFE8F0
- F1EBF2
- F3EEF4
- F6F2F7
- F8F5F9
- FAF8FB
- FDFCFD
셰이드
- CAC1CB
- ACA5AE
- 908991
- 746F75
- 59555A
- 403D41
- 292629
- 131213
- 030203
톤
- DDD4DF
- D2CAD4
- C8C1C9
- BDB7BE
- B3AEB4
- A8A4A9
- 9E9B9F
- 949294
- 8A898A
색 조화
보색 +180°
- E8DEEA
Lilac Frost
- DBE5D9
≈ Mineral White
유사색 -30° +30°
- E8DEEA
Lilac Frost
- E1E0EE
≈ Imagination
- EDDDE3
≈ Wishy-Washy Mauve
삼각 배색 +120° +240°
- E8DEEA
Lilac Frost
- E9E1D4
≈ Dagger Moth
- D4E6E7
≈ Blue Phlox
분열 보색 +150° +210°
- E8DEEA
Lilac Frost
- E2E3D5
≈ Lily of the Valley White
- D6E6E0
≈ Echo
사각 배색 +90° +180° +270°
- E8DEEA
Lilac Frost
- EDDFD7
≈ Touchable Pink
- DBE5D9
≈ Mineral White
- D6E5ED
≈ Snow Shadow
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.30:1 · APCA Lc 15
Ag
AAA검은색 위
WCAG 16.06:1 · APCA Lc 89
가장 좋은 글자색: #000000
WCAG 16.06:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--lilac-frost: #e8deea;
--lilac-frost-rgb: 232 222 234;
--lilac-frost-oklch: oklch(0.912 0.019 320.6);
}
.element {
color: var(--lilac-frost);
background-color: hsl(290 22% 89%);
border-color: oklch(0.912 0.019 320.6);
}Tailwind CSS v4
@theme {
--color-lilac-frost: #e8deea;
--color-lilac-frost-50: #f8f3f8;
--color-lilac-frost-100: #ebe6ec;
--color-lilac-frost-200: #d8d2d9;
--color-lilac-frost-300: #bcb4bd;
--color-lilac-frost-400: #a49ba6;
--color-lilac-frost-500: #8c828e;
--color-lilac-frost-600: #776e78;
--color-lilac-frost-700: #5f5860;
--color-lilac-frost-800: #454047;
--color-lilac-frost-900: #302c31;
--color-lilac-frost-950: #1c191d;
}SCSS
$lilac-frost: #e8deea;
$lilac-frost-rgb: 232, 222, 234;
$lilac-frost-light: mix(#fff, $lilac-frost, 20%);
$lilac-frost-dark: mix(#000, $lilac-frost, 20%);
.element {
color: $lilac-frost;
box-shadow: 0 0 0 2px rgba($lilac-frost, 0.35);
}