이름 색상 · #6E5881
Mystical
Mystical은(는) #6E5881: rgb(110 88 129), hsl(272 19% 43%), oklch(0.498 0.069 308.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Mystical color name →
#6E5881
oklch(0.498 0.069 308.5)
색상 변환
- HEX
- #6e5881
- RGB
- rgb(110 88 129)
- HSL
- hsl(272 19% 43%)
- HWB
- hwb(272 35% 49%)
- OKLCH
- oklch(0.498 0.069 308.5)
- OKLab
- oklab(0.498 0.043 -0.054)
- CIE Lab
- lab(40.89 15.68 -19.67)
- LCH
- lch(40.89 25.15 308.6)
- CMYK
- cmyk(15% 32% 0% 49%)
틴트 · 셰이드 · 톤
틴트
- 7B678D
- 897799
- 9787A6
- A598B2
- B4A8BF
- C2B9CB
- D1CAD8
- E0DCE5
- F0EDF2
셰이드
- 5F4B6F
- 503F5E
- 41334E
- 33283E
- 261D2E
- 19121F
- 0E0912
- 040306
- 010001
톤
- 705C81
- 726081
- 736481
- 756881
- 776C81
- 797081
- 7B7481
- 7C7881
- 7E7C80
색 조화
보색 +180°
- 6E5881
Mystical
- 576B3F
≈ Spring Onion
유사색 -30° +30°
- 6E5881
Mystical
- 5A5F8A
≈ Karmic Grape
- 7D5370
≈ Magnificence
삼각 배색 +120° +240°
- 6E5881
Mystical
- 7D5B36
≈ Japanese Iris
- 2B6F6A
≈ North Sea
분열 보색 +150° +210°
- 6E5881
Mystical
- 6D6333
≈ Himalaya
- 3E6F54
≈ Foliage Green
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 6.22:1 · APCA Lc 81
Ag
Fail검은색 위
WCAG 3.37:1 · APCA Lc 21
가장 좋은 글자색: #FFFFFF
WCAG 6.22:1 (AA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--mystical: #6e5881;
--mystical-rgb: 110 88 129;
--mystical-oklch: oklch(0.498 0.069 308.5);
}
.element {
color: var(--mystical);
background-color: hsl(272 19% 43%);
border-color: oklch(0.498 0.069 308.5);
}Tailwind CSS v4
@theme {
--color-mystical: #6e5881;
--color-mystical-50: #fbf0ff;
--color-mystical-100: #efe2f9;
--color-mystical-200: #decdeb;
--color-mystical-300: #c3aed2;
--color-mystical-400: #aa94be;
--color-mystical-500: #937aa9;
--color-mystical-600: #7c678f;
--color-mystical-700: #645273;
--color-mystical-800: #483c55;
--color-mystical-900: #32293c;
--color-mystical-950: #1e1725;
}SCSS
$mystical: #6e5881;
$mystical-rgb: 110, 88, 129;
$mystical-light: mix(#fff, $mystical, 20%);
$mystical-dark: mix(#000, $mystical, 20%);
.element {
color: $mystical;
box-shadow: 0 0 0 2px rgba($mystical, 0.35);
}