가장 가까운 이름 색상 · #9A29F6
#9A29F6
가장 가까운 이름 색상: Vivid Violet
#9A29F6(rgb(154 41 246), hsl(273 92% 56%), oklch(0.568 0.272 302.8))와 가장 가까운 이름 색상은 Vivid Violet입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#9A29F6
oklch(0.568 0.272 302.8)
색상 변환
- HEX
- #9a29f6
- RGB
- rgb(154 41 246)
- HSL
- hsl(273 92% 56%)
- HWB
- hwb(273 16% 4%)
- OKLCH
- oklch(0.568 0.272 302.8)
- OKLab
- oklab(0.568 0.148 -0.229)
- CIE Lab
- lab(44.75 69.74 -81.35)
- LCH
- lch(44.75 107.16 310.6)
- CMYK
- cmyk(37% 83% 0% 4%)
틴트 · 셰이드 · 톤
틴트
- A34BF9
- AD64FB
- B67AFD
- C08FFF
- CAA2FF
- D4B5FF
- DFC8FF
- E9DAFF
- F4EDFF
셰이드
- 8522D6
- 711CB7
- 5E1598
- 4B0F7B
- 39095F
- 270545
- 17022C
- 090115
- 010003
톤
- 973CEB
- 944AE0
- 9154D4
- 8F5DC9
- 8C65BD
- 896CB2
- 8771A6
- 85779A
- 827C8D
색 조화
보색 +180°
- 9A29F6
Vivid Violet
- 688300
≈ Jungle Vibes
유사색 -30° +30°
- 9A29F6
Vivid Violet
- 505CFF
≈ Shady Neon Blue
- C500B5
≈ Explosive Purple
삼각 배색 +120° +240°
- 9A29F6
Vivid Violet
- AB6300
≈ Ancient Brandy
- 008A7C
≈ Go Go Green
분열 보색 +150° +210°
- 9A29F6
Vivid Violet
- 8F7400
≈ Vermin Brown
- 008E4A
≈ Capitalino Cactus
사각 배색 +90° +180° +270°
- 9A29F6
Vivid Violet
- D62B00
≈ Dazzling Red
- 688300
≈ Jungle Vibes
- 008699
≈ Marker Blue
대비 및 접근성
Ag
AA흰색 위
WCAG 5.22:1 · APCA Lc 74
Ag
Fail검은색 위
WCAG 4.02:1 · APCA Lc 27
가장 좋은 글자색: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--vivid-violet: #9a29f6;
--vivid-violet-rgb: 154 41 246;
--vivid-violet-oklch: oklch(0.568 0.272 302.8);
}
.element {
color: var(--vivid-violet);
background-color: hsl(273 92% 56%);
border-color: oklch(0.568 0.272 302.8);
}Tailwind CSS v4
@theme {
--color-vivid-violet: #9a29f6;
--color-vivid-violet-50: #ffe2ff;
--color-vivid-violet-100: #fdd1ff;
--color-vivid-violet-200: #efb4ff;
--color-vivid-violet-300: #d88cff;
--color-vivid-violet-400: #c165ff;
--color-vivid-violet-500: #ae2dff;
--color-vivid-violet-600: #932be9;
--color-vivid-violet-700: #7523bc;
--color-vivid-violet-800: #55188f;
--color-vivid-violet-900: #3b1165;
--color-vivid-violet-950: #250046;
}SCSS
$vivid-violet: #9a29f6;
$vivid-violet-rgb: 154, 41, 246;
$vivid-violet-light: mix(#fff, $vivid-violet, 20%);
$vivid-violet-dark: mix(#000, $vivid-violet, 20%);
.element {
color: $vivid-violet;
box-shadow: 0 0 0 2px rgba($vivid-violet, 0.35);
}