가장 가까운 이름 색상 · #7B2AD0
#7B2AD0
가장 가까운 이름 색상: Lilac Spring
#7B2AD0(rgb(123 42 208), hsl(269 66% 49%), oklch(0.5 0.232 299.7))와 가장 가까운 이름 색상은 Lilac Spring입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#7B2AD0
oklch(0.5 0.232 299.7)
색상 변환
- HEX
- #7b2ad0
- RGB
- rgb(123 42 208)
- HSL
- hsl(269 66% 49%)
- HWB
- hwb(269 16% 18%)
- OKLCH
- oklch(0.5 0.232 299.7)
- OKLab
- oklab(0.5 0.115 -0.201)
- CIE Lab
- lab(37.64 57.42 -71.57)
- LCH
- lch(37.64 91.76 308.7)
- CMYK
- cmyk(41% 80% 0% 18%)
틴트 · 셰이드 · 톤
틴트
- 8747D6
- 925FDD
- 9F74E2
- AC89E8
- B99DED
- C6B1F1
- D4C4F5
- E2D8F9
- F0EBFC
셰이드
- 6A23B5
- 5A1C9A
- 4A1680
- 3A1067
- 2C0A4F
- 1E0539
- 100223
- 050110
- 010002
톤
- 7B3AC9
- 7B46C2
- 7B50BA
- 7C58B3
- 7C60AB
- 7D68A3
- 7D6E9B
- 7E7492
- 7F7A89
색 조화
보색 +180°
- 7B2AD0
Lilac Spring
- 5B6C00
≈ Bowser Shell
유사색 -30° +30°
- 7B2AD0
Lilac Spring
- 3649E4
≈ Bright Greek
- A3009F
≈ Barney Purple
삼각 배색 +120° +240°
- 7B2AD0
Lilac Spring
- 935000
≈ Mochaccino
- 007465
≈ Northern Hemisphere
분열 보색 +150° +210°
- 7B2AD0
Lilac Spring
- 7A6000
≈ Ground Earth
- 007834
≈ Forestial
사각 배색 +90° +180° +270°
- 7B2AD0
Lilac Spring
- BB0800
≈ Harlock’s Cape
- 5B6C00
≈ Bowser Shell
- 00707E
≈ Iridescent Peacock
대비 및 접근성
Ag
AA흰색 위
WCAG 6.80:1 · APCA Lc 82
Ag
Fail검은색 위
WCAG 3.08:1 · APCA Lc 20
가장 좋은 글자색: #FFFFFF
WCAG 6.80:1 (AA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--lilac-spring: #7b2ad0;
--lilac-spring-rgb: 123 42 208;
--lilac-spring-oklch: oklch(0.5 0.232 299.7);
}
.element {
color: var(--lilac-spring);
background-color: hsl(269 66% 49%);
border-color: oklch(0.5 0.232 299.7);
}Tailwind CSS v4
@theme {
--color-lilac-spring: #7b2ad0;
--color-lilac-spring-50: #ffe6ff;
--color-lilac-spring-100: #f6d6ff;
--color-lilac-spring-200: #e6bcff;
--color-lilac-spring-300: #ce97ff;
--color-lilac-spring-400: #b575ff;
--color-lilac-spring-500: #a14dff;
--color-lilac-spring-600: #8843dc;
--color-lilac-spring-700: #6d36b1;
--color-lilac-spring-800: #4e2786;
--color-lilac-spring-900: #361a5f;
--color-lilac-spring-950: #220841;
}SCSS
$lilac-spring: #7b2ad0;
$lilac-spring-rgb: 123, 42, 208;
$lilac-spring-light: mix(#fff, $lilac-spring, 20%);
$lilac-spring-dark: mix(#000, $lilac-spring, 20%);
.element {
color: $lilac-spring;
box-shadow: 0 0 0 2px rgba($lilac-spring, 0.35);
}