가장 가까운 이름 색상 · #4E2679
#4E2679
가장 가까운 이름 색상: Mystic Nights
#4E2679(rgb(78 38 121), hsl(269 52% 31%), oklch(0.368 0.136 302.3))와 가장 가까운 이름 색상은 Mystic Nights입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#4E2679
oklch(0.368 0.136 302.3)
색상 변환
- HEX
- #4e2679
- RGB
- rgb(78 38 121)
- HSL
- hsl(269 52% 31%)
- HWB
- hwb(269 15% 53%)
- OKLCH
- oklch(0.368 0.136 302.3)
- OKLab
- oklab(0.368 0.072 -0.115)
- CIE Lab
- lab(24.46 32.21 -40.82)
- LCH
- lch(24.46 52 308.3)
- CMYK
- cmyk(36% 69% 0% 53%)
틴트 · 셰이드 · 톤
틴트
- 5E3C87
- 6E5194
- 7E66A2
- 907BB0
- A190BD
- B3A5CA
- C6BBD8
- D9D2E5
- ECE8F2
셰이드
- 432068
- 381958
- 2D1348
- 230D39
- 19082B
- 0F041D
- 070210
- 020105
- 000001
톤
- 53317A
- 573A7C
- 5C447D
- 614D7E
- 66557F
- 6B5E7F
- 706780
- 756F80
- 7B7880
색 조화
보색 +180°
- 4E2679
Mystic Nights
- 374600
≈ Garden Shadow
유사색 -30° +30°
- 4E2679
Mystic Nights
- 293485
≈ Migol Blue
- 65195E
≈ Blackest Berry
삼각 배색 +120° +240°
- 4E2679
Mystic Nights
- 5E3300
≈ Chocolate Fantasies
- 004A42
≈ Tropical Forest
분열 보색 +150° +210°
- 4E2679
Mystic Nights
- 4D3E00
≈ Xanthophobia
- 004D24
≈ Troll Green
사각 배색 +90° +180° +270°
- 4E2679
Mystic Nights
- 771302
≈ Sang de Boeuf
- 374600
≈ Garden Shadow
- 004853
≈ Midnight Green
대비 및 접근성
Ag
AAA흰색 위
WCAG 11.18:1 · APCA Lc 95
Ag
Fail검은색 위
WCAG 1.87:1 · APCA Lc 7
가장 좋은 글자색: #FFFFFF
WCAG 11.18:1 (AAA) · APCA Lc 95
Contrast pairs
코드 스니펫
CSS
:root {
--mystic-nights: #4e2679;
--mystic-nights-rgb: 78 38 121;
--mystic-nights-oklch: oklch(0.368 0.136 302.3);
}
.element {
color: var(--mystic-nights);
background-color: hsl(269 52% 31%);
border-color: oklch(0.368 0.136 302.3);
}Tailwind CSS v4
@theme {
--color-mystic-nights: #4e2679;
--color-mystic-nights-50: #feecff;
--color-mystic-nights-100: #f2ddff;
--color-mystic-nights-200: #e1c6ff;
--color-mystic-nights-300: #c7a6f0;
--color-mystic-nights-400: #ae8ae1;
--color-mystic-nights-500: #986dd0;
--color-mystic-nights-600: #805daf;
--color-mystic-nights-700: #674a8d;
--color-mystic-nights-800: #4a366a;
--color-mystic-nights-900: #33254a;
--color-mystic-nights-950: #1f1331;
}SCSS
$mystic-nights: #4e2679;
$mystic-nights-rgb: 78, 38, 121;
$mystic-nights-light: mix(#fff, $mystic-nights, 20%);
$mystic-nights-dark: mix(#000, $mystic-nights, 20%);
.element {
color: $mystic-nights;
box-shadow: 0 0 0 2px rgba($mystic-nights, 0.35);
}