가장 가까운 이름 색상 · #F1E6FE
#F1E6FE
가장 가까운 이름 색상: Minute Mauve
#F1E6FE(rgb(241 230 254), hsl(268 92% 95%), oklch(0.941 0.034 306.3))와 가장 가까운 이름 색상은 Minute Mauve입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#F1E6FE
oklch(0.941 0.034 306.3)
색상 변환
- HEX
- #f1e6fe
- RGB
- rgb(241 230 254)
- HSL
- hsl(268 92% 95%)
- HWB
- hwb(268 90% 0%)
- OKLCH
- oklch(0.941 0.034 306.3)
- OKLab
- oklab(0.941 0.02 -0.027)
- CIE Lab
- lab(92.71 7.07 -10.26)
- LCH
- lch(92.71 12.46 304.6)
- CMYK
- cmyk(5% 9% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- F2E9FE
- F4EBFE
- F5EDFE
- F7F0FF
- F8F2FF
- F9F5FF
- FBF7FF
- FCFAFF
- FEFCFF
셰이드
- D2C8DD
- B3ABBD
- 958E9E
- 797380
- 5D5963
- 434047
- 2B282D
- 141316
- 030303
톤
- E5DBF1
- D9D1E4
- CEC6D7
- C2BCCA
- B7B2BD
- ACA8B1
- A09DA4
- 969498
- 8B8A8C
색 조화
보색 +180°
- F1E6FE
Minute Mauve
- E5F0D8
≈ Maison Verte
유사색 -30° +30°
- F1E6FE
Minute Mauve
- E6EAFF
≈ Glitter
- FBE3F4
≈ Bunny Tail
삼각 배색 +120° +240°
- F1E6FE
Minute Mauve
- FCE8D4
≈ Naive Peach
- D3F3EF
≈ Diminished Sky
분열 보색 +150° +210°
- F1E6FE
Minute Mauve
- F2ECD3
≈ Rum Swizzle
- DAF3E2
≈ Teal Treat
사각 배색 +90° +180° +270°
- F1E6FE
Minute Mauve
- FFE5DD
≈ French Manicure
- E5F0D8
≈ Maison Verte
- D3F2FA
≈ Water
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.20:1 · APCA Lc 10
Ag
AAA검은색 위
WCAG 17.49:1 · APCA Lc 94
가장 좋은 글자색: #000000
WCAG 17.49:1 (AAA) · APCA Lc 94
Contrast pairs
코드 스니펫
CSS
:root {
--minute-mauve: #f1e6fe;
--minute-mauve-rgb: 241 230 254;
--minute-mauve-oklch: oklch(0.941 0.034 306.3);
}
.element {
color: var(--minute-mauve);
background-color: hsl(268 92% 95%);
border-color: oklch(0.941 0.034 306.3);
}Tailwind CSS v4
@theme {
--color-minute-mauve: #f1e6fe;
--color-minute-mauve-50: #f8f3fd;
--color-minute-mauve-100: #ebe5f1;
--color-minute-mauve-200: #d8d1e0;
--color-minute-mauve-300: #bcb3c5;
--color-minute-mauve-400: #a39aaf;
--color-minute-mauve-500: #8c8198;
--color-minute-mauve-600: #766d81;
--color-minute-mauve-700: #5f5767;
--color-minute-mauve-800: #45404c;
--color-minute-mauve-900: #302c35;
--color-minute-mauve-950: #1c1920;
}SCSS
$minute-mauve: #f1e6fe;
$minute-mauve-rgb: 241, 230, 254;
$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);
}