가장 가까운 이름 색상 · #E9DEF3
#E9DEF3
가장 가까운 이름 색상: Minute Mauve
#E9DEF3(rgb(233 222 243), hsl(271 47% 91%), oklch(0.916 0.031 309.1))와 가장 가까운 이름 색상은 Minute Mauve입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#E9DEF3
oklch(0.916 0.031 309.1)
색상 변환
- HEX
- #e9def3
- RGB
- rgb(233 222 243)
- HSL
- hsl(271 47% 91%)
- HWB
- hwb(271 87% 5%)
- OKLCH
- oklch(0.916 0.031 309.1)
- OKLab
- oklab(0.916 0.019 -0.024)
- CIE Lab
- lab(89.83 6.7 -8.86)
- LCH
- lch(89.83 11.11 307.1)
- CMYK
- cmyk(4% 9% 0% 5%)
틴트 · 셰이드 · 톤
틴트
- EBE1F4
- EDE5F5
- F0E8F7
- F2EBF8
- F4EEF9
- F6F2FA
- F8F5FB
- FBF8FD
- FDFCFE
셰이드
- CBC1D3
- ADA5B4
- 908997
- 746F7A
- 5A555E
- 413D44
- 29262B
- 131214
- 030203
톤
- DED4E7
- D3CADB
- C8C1CF
- BEB7C3
- B3AEB8
- A9A4AC
- 9E9BA1
- 949296
- 8A898B
색 조화
보색 +180°
- E9DEF3
Minute Mauve
- DDE7D2
≈ Hollywood Asparagus
유사색 -30° +30°
- E9DEF3
Minute Mauve
- DEE2F8
≈ Lavender Mist
- F2DCEA
≈ Maiden of the Mist
삼각 배색 +120° +240°
- E9DEF3
Minute Mauve
- F1E0CE
≈ Naturale
- CDEAE7
≈ Source Blue
분열 보색 +150° +210°
- E9DEF3
Minute Mauve
- E8E4CD
≈ Nylon
- D3EADC
≈ Persian Fable
사각 배색 +90° +180° +270°
- E9DEF3
Minute Mauve
- F6DDD4
≈ Touch of Blush
- DDE7D2
≈ Hollywood Asparagus
- CEE8F1
≈ On Thin Ice
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.29:1 · APCA Lc 15
Ag
AAA검은색 위
WCAG 16.20:1 · APCA Lc 89
가장 좋은 글자색: #000000
WCAG 16.20:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--minute-mauve: #e9def3;
--minute-mauve-rgb: 233 222 243;
--minute-mauve-oklch: oklch(0.916 0.031 309.1);
}
.element {
color: var(--minute-mauve);
background-color: hsl(271 47% 91%);
border-color: oklch(0.916 0.031 309.1);
}Tailwind CSS v4
@theme {
--color-minute-mauve: #e9def3;
--color-minute-mauve-50: #f8f3fc;
--color-minute-mauve-100: #ebe5f0;
--color-minute-mauve-200: #d8d1de;
--color-minute-mauve-300: #bcb3c3;
--color-minute-mauve-400: #a49aac;
--color-minute-mauve-500: #8c8196;
--color-minute-mauve-600: #766d7f;
--color-minute-mauve-700: #5f5765;
--color-minute-mauve-800: #45404b;
--color-minute-mauve-900: #302c34;
--color-minute-mauve-950: #1c191f;
}SCSS
$minute-mauve: #e9def3;
$minute-mauve-rgb: 233, 222, 243;
$minute-mauve-light: mix(#fff, $minute-mauve, 20%);
$minute-mauve-dark: mix(#000, $minute-mauve, 20%);
.element {
color: $minute-mauve;
box-shadow: 0 0 0 2px rgba($minute-mauve, 0.35);
}