이름 색상 · #943589
Purple Excellency
Purple Excellency은(는) #943589: rgb(148 53 137), hsl(307 47% 39%), oklch(0.495 0.162 332.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Purple Excellency color name →
#943589
oklch(0.495 0.162 332.6)
색상 변환
- HEX
- #943589
- RGB
- rgb(148 53 137)
- HSL
- hsl(307 47% 39%)
- HWB
- hwb(307 21% 42%)
- OKLCH
- oklch(0.495 0.162 332.6)
- OKLab
- oklab(0.495 0.144 -0.075)
- CIE Lab
- lab(39 47.97 -26.94)
- LCH
- lch(39 55.02 330.7)
- CMYK
- cmyk(0% 64% 7% 42%)
틴트 · 셰이드 · 톤
틴트
- A04B95
- AB5FA0
- B773AC
- C287B8
- CD9AC4
- D7AED0
- E1C2DB
- EBD6E7
- F5EBF3
셰이드
- 802D76
- 6D2564
- 5A1D53
- 481542
- 360E31
- 260822
- 160314
- 080107
- 010001
톤
- 933F88
- 924888
- 905087
- 8F5886
- 8D5F86
- 8B6685
- 896D84
- 867382
- 837A81
색 조화
보색 +180°
- 943589
Purple Excellency
- 00763C
≈ Succulents
유사색 -30° +30°
- 943589
Purple Excellency
- 7544AC
≈ Shiner
- A62B5A
≈ Vivacious
삼각 배색 +120° +240°
- 943589
Purple Excellency
- 765F00
≈ Spicy Mustard
- 006E7F
≈ Coastal Jetty
분열 보색 +150° +210°
- 943589
Purple Excellency
- 566C00
≈ Over the Hills
- 007266
≈ Pharaoh’s Gem
사각 배색 +90° +180° +270°
- 943589
Purple Excellency
- 8E5100
≈ Plain Old Brown
- 00763C
≈ Succulents
- 00689F
≈ LED Blue
대비 및 접근성
Ag
AA흰색 위
WCAG 6.71:1 · APCA Lc 82
Ag
Fail검은색 위
WCAG 3.12:1 · APCA Lc 20
가장 좋은 글자색: #FFFFFF
WCAG 6.71:1 (AA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--purple-excellency: #943589;
--purple-excellency-rgb: 148 53 137;
--purple-excellency-oklch: oklch(0.495 0.162 332.6);
}
.element {
color: var(--purple-excellency);
background-color: hsl(307 47% 39%);
border-color: oklch(0.495 0.162 332.6);
}Tailwind CSS v4
@theme {
--color-purple-excellency: #943589;
--color-purple-excellency-50: #ffe4ff;
--color-purple-excellency-100: #ffd4fe;
--color-purple-excellency-200: #ffbaf0;
--color-purple-excellency-300: #ea97d9;
--color-purple-excellency-400: #d577c8;
--color-purple-excellency-500: #c255b4;
--color-purple-excellency-600: #a44998;
--color-purple-excellency-700: #833a7a;
--color-purple-excellency-800: #612a5c;
--color-purple-excellency-900: #441c40;
--color-purple-excellency-950: #2b0c29;
}SCSS
$purple-excellency: #943589;
$purple-excellency-rgb: 148, 53, 137;
$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);
}