가장 가까운 이름 색상 · #923388
#923388
가장 가까운 이름 색상: Purple Excellency
#923388(rgb(146 51 136), hsl(306 48% 39%), oklch(0.489 0.163 332.2))와 가장 가까운 이름 색상은 Purple Excellency입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#923388
oklch(0.489 0.163 332.2)
색상 변환
- HEX
- #923388
- RGB
- rgb(146 51 136)
- HSL
- hsl(306 48% 39%)
- HWB
- hwb(306 20% 43%)
- OKLCH
- oklch(0.489 0.163 332.2)
- OKLab
- oklab(0.489 0.144 -0.076)
- CIE Lab
- lab(38.31 48.09 -27.44)
- LCH
- lch(38.31 55.37 330.3)
- CMYK
- cmyk(0% 65% 7% 43%)
틴트 · 셰이드 · 톤
틴트
- 9E4994
- AA5EA0
- B572AB
- C186B7
- CB99C3
- D6ADCF
- E1C2DB
- EBD6E7
- F5EAF3
셰이드
- 7E2B75
- 6B2363
- 581C52
- 461441
- 350D31
- 250722
- 160313
- 080106
- 010001
톤
- 913D88
- 904687
- 8F4F86
- 8E5686
- 8C5E85
- 8A6584
- 886C83
- 867382
- 837981
색 조화
보색 +180°
- 923388
Purple Excellency
- 007439
≈ Hawaiian Ti Leaf
유사색 -30° +30°
- 923388
Purple Excellency
- 7342AB
≈ Shiner
- A52959
≈ Parlour Red
삼각 배색 +120° +240°
- 923388
Purple Excellency
- 745E00
≈ Hot Mustard
- 006D7C
≈ Coastal Jetty
분열 보색 +150° +210°
- 923388
Purple Excellency
- 556A00
≈ Serrano Pepper
- 007064
≈ Falcon Turquoise
사각 배색 +90° +180° +270°
- 923388
Purple Excellency
- 8C4F00
≈ Plain Old Brown
- 007439
≈ Hawaiian Ti Leaf
- 00669C
≈ Impulse Blue
대비 및 접근성
Ag
AA흰색 위
WCAG 6.88:1 · APCA Lc 83
Ag
Fail검은색 위
WCAG 3.05:1 · APCA Lc 19
가장 좋은 글자색: #FFFFFF
WCAG 6.88:1 (AA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--purple-excellency: #923388;
--purple-excellency-rgb: 146 51 136;
--purple-excellency-oklch: oklch(0.489 0.163 332.2);
}
.element {
color: var(--purple-excellency);
background-color: hsl(306 48% 39%);
border-color: oklch(0.489 0.163 332.2);
}Tailwind CSS v4
@theme {
--color-purple-excellency: #923388;
--color-purple-excellency-50: #ffe4ff;
--color-purple-excellency-100: #ffd4ff;
--color-purple-excellency-200: #ffbaf1;
--color-purple-excellency-300: #ea97da;
--color-purple-excellency-400: #d577c9;
--color-purple-excellency-500: #c155b5;
--color-purple-excellency-600: #a34999;
--color-purple-excellency-700: #833a7b;
--color-purple-excellency-800: #602a5d;
--color-purple-excellency-900: #441c41;
--color-purple-excellency-950: #2b0c29;
}SCSS
$purple-excellency: #923388;
$purple-excellency-rgb: 146, 51, 136;
$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);
}