가장 가까운 이름 색상 · #9E3B99
#9E3B99
가장 가까운 이름 색상: Purple Excellency
#9E3B99(rgb(158 59 153), hsl(303 46% 43%), oklch(0.525 0.173 329.8))와 가장 가까운 이름 색상은 Purple Excellency입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#9E3B99
oklch(0.525 0.173 329.8)
색상 변환
- HEX
- #9e3b99
- RGB
- rgb(158 59 153)
- HSL
- hsl(303 46% 43%)
- HWB
- hwb(303 23% 38%)
- OKLCH
- oklch(0.525 0.173 329.8)
- OKLab
- oklab(0.525 0.149 -0.087)
- CIE Lab
- lab(42.27 50.39 -31.4)
- LCH
- lch(42.27 59.37 328.1)
- CMYK
- cmyk(0% 63% 3% 38%)
틴트 · 셰이드 · 톤
틴트
- A950A3
- B365AE
- BE78B8
- C88BC2
- D29ECC
- DBB1D7
- E4C5E1
- EED8EB
- F6EBF5
셰이드
- 893284
- 742970
- 60215D
- 4D194A
- 3A1138
- 290927
- 180417
- 090108
- 010001
톤
- 9C4497
- 9A4D95
- 975492
- 955B90
- 92628E
- 8F698B
- 8C6F88
- 887586
- 847A83
색 조화
보색 +180°
- 9E3B99
Purple Excellency
- 008038
≈ Charmed Green
유사색 -30° +30°
- 9E3B99
Purple Excellency
- 7B4BBD
≈ Harley Hair Purple
- B33067
≈ Rich Maroon
삼각 배색 +120° +240°
- 9E3B99
Purple Excellency
- 836600
≈ Alligator
- 007887
≈ Biscay Bay
분열 보색 +150° +210°
- 9E3B99
Purple Excellency
- 627400
≈ Topiary Green
- 007C6C
≈ Mediaeval Forest
사각 배색 +90° +180° +270°
- 9E3B99
Purple Excellency
- 9D5600
≈ Charlie Brown
- 008038
≈ Charmed Green
- 0072A8
≈ Methyl Blue
대비 및 접근성
Ag
AA흰색 위
WCAG 5.93:1 · APCA Lc 79
Ag
Fail검은색 위
WCAG 3.53:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 5.93:1 (AA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--purple-excellency: #9e3b99;
--purple-excellency-rgb: 158 59 153;
--purple-excellency-oklch: oklch(0.525 0.173 329.8);
}
.element {
color: var(--purple-excellency);
background-color: hsl(303 46% 43%);
border-color: oklch(0.525 0.173 329.8);
}Tailwind CSS v4
@theme {
--color-purple-excellency: #9e3b99;
--color-purple-excellency-50: #ffe4ff;
--color-purple-excellency-100: #ffd3ff;
--color-purple-excellency-200: #ffb9f6;
--color-purple-excellency-300: #ea95df;
--color-purple-excellency-400: #d675cf;
--color-purple-excellency-500: #c252bc;
--color-purple-excellency-600: #a4469f;
--color-purple-excellency-700: #84387f;
--color-purple-excellency-800: #612860;
--color-purple-excellency-900: #441b43;
--color-purple-excellency-950: #2c0b2c;
}SCSS
$purple-excellency: #9e3b99;
$purple-excellency-rgb: 158, 59, 153;
$purple-excellency-light: mix(#fff, $purple-excellency, 20%);
$purple-excellency-dark: mix(#000, $purple-excellency, 20%);
.element {
color: $purple-excellency;
box-shadow: 0 0 0 2px rgba($purple-excellency, 0.35);
}