가장 가까운 이름 색상 · #6F3ABF
#6F3ABF
가장 가까운 이름 색상: Purple Emperor
#6F3ABF(rgb(111 58 191), hsl(264 53% 49%), oklch(0.489 0.196 296.7))와 가장 가까운 이름 색상은 Purple Emperor입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#6F3ABF
oklch(0.489 0.196 296.7)
색상 변환
- HEX
- #6f3abf
- RGB
- rgb(111 58 191)
- HSL
- hsl(264 53% 49%)
- HWB
- hwb(264 23% 25%)
- OKLCH
- oklch(0.489 0.196 296.7)
- OKLab
- oklab(0.489 0.088 -0.175)
- CIE Lab
- lab(37.35 44.88 -62.24)
- LCH
- lch(37.35 76.74 305.8)
- CMYK
- cmyk(42% 70% 0% 25%)
틴트 · 셰이드 · 톤
틴트
- 7B51C7
- 8865CE
- 9679D6
- A48CDD
- B29FE3
- C1B2E9
- D0C5EF
- DFD8F5
- EFECFA
셰이드
- 6031A6
- 51288D
- 422075
- 34185E
- 271048
- 1A0933
- 0E041F
- 04010D
- 010002
톤
- 7044BA
- 714DB4
- 7355AE
- 745CA8
- 7663A2
- 78699C
- 7A6F95
- 7C758F
- 7E7B87
색 조화
보색 +180°
- 6F3ABF
Purple Emperor
- 5D6800
≈ Mud Green
유사색 -30° +30°
- 6F3ABF
Purple Emperor
- 2E51CD
≈ New Car
- 952499
≈ Acai Juice
삼각 배색 +120° +240°
- 6F3ABF
Purple Emperor
- 914B00
≈ Parasite Brown
- 00715F
≈ Falcon Turquoise
분열 보색 +150° +210°
- 6F3ABF
Purple Emperor
- 795B00
≈ Blackfire Earth
- 007526
≈ Green Glutton
사각 배색 +90° +180° +270°
- 6F3ABF
Purple Emperor
- B50716
≈ Red Lust
- 5D6800
≈ Mud Green
- 006D78
≈ Carnival Night
대비 및 접근성
Ag
AA흰색 위
WCAG 6.92:1 · APCA Lc 83
Ag
Fail검은색 위
WCAG 3.03:1 · APCA Lc 19
가장 좋은 글자색: #FFFFFF
WCAG 6.92:1 (AA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--purple-emperor: #6f3abf;
--purple-emperor-rgb: 111 58 191;
--purple-emperor-oklch: oklch(0.489 0.196 296.7);
}
.element {
color: var(--purple-emperor);
background-color: hsl(264 53% 49%);
border-color: oklch(0.489 0.196 296.7);
}Tailwind CSS v4
@theme {
--color-purple-emperor: #6f3abf;
--color-purple-emperor-50: #fceaff;
--color-purple-emperor-100: #f0daff;
--color-purple-emperor-200: #dfc2ff;
--color-purple-emperor-300: #c59fff;
--color-purple-emperor-400: #ac80ff;
--color-purple-emperor-500: #975ff5;
--color-purple-emperor-600: #7f51cf;
--color-purple-emperor-700: #6641a6;
--color-purple-emperor-800: #492f7e;
--color-purple-emperor-900: #322059;
--color-purple-emperor-950: #1f0e3c;
}SCSS
$purple-emperor: #6f3abf;
$purple-emperor-rgb: 111, 58, 191;
$purple-emperor-light: mix(#fff, $purple-emperor, 20%);
$purple-emperor-dark: mix(#000, $purple-emperor, 20%);
.element {
color: $purple-emperor;
box-shadow: 0 0 0 2px rgba($purple-emperor, 0.35);
}