가장 가까운 이름 색상 · #56257E
#56257E
가장 가까운 이름 색상: Purple Patch
#56257E(rgb(86 37 126), hsl(273 55% 32%), oklch(0.381 0.145 305.8))와 가장 가까운 이름 색상은 Purple Patch입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#56257E
oklch(0.381 0.145 305.8)
색상 변환
- HEX
- #56257e
- RGB
- rgb(86 37 126)
- HSL
- hsl(273 55% 32%)
- HWB
- hwb(273 15% 51%)
- OKLCH
- oklch(0.381 0.145 305.8)
- OKLab
- oklab(0.381 0.085 -0.117)
- CIE Lab
- lab(25.75 35.88 -41.84)
- LCH
- lch(25.75 55.12 310.6)
- CMYK
- cmyk(32% 71% 0% 51%)
틴트 · 셰이드 · 톤
틴트
- 653C8B
- 755199
- 8566A6
- 967BB3
- A690C0
- B8A6CC
- C9BCD9
- DBD2E6
- EDE8F2
셰이드
- 4A1F6D
- 3E195C
- 32134C
- 270D3C
- 1C082D
- 12041F
- 080211
- 020005
- 000001
톤
- 5A307F
- 5E3A80
- 624481
- 664D81
- 6B5681
- 6F5E82
- 736781
- 776F81
- 7C7881
색 조화
보색 +180°
- 56257E
Purple Patch
- 364B00
≈ Godzilla
유사색 -30° +30°
- 56257E
Purple Patch
- 31348D
≈ Perfect Dark
- 6E175F
≈ Purple Curse
삼각 배색 +120° +240°
- 56257E
Purple Patch
- 613800
≈ Brown
- 004E48
≈ Action Green
분열 보색 +150° +210°
- 56257E
Purple Patch
- 4F4200
≈ Roman Bronze
- 00512D
≈ Card Table Green
사각 배색 +90° +180° +270°
- 56257E
Purple Patch
- 791D00
≈ New Kenyan Copper
- 364B00
≈ Godzilla
- 004B59
≈ Watercolour Blue
대비 및 접근성
Ag
AAA흰색 위
WCAG 10.70:1 · APCA Lc 94
Ag
Fail검은색 위
WCAG 1.96:1 · APCA Lc 8
가장 좋은 글자색: #FFFFFF
WCAG 10.70:1 (AAA) · APCA Lc 94
Contrast pairs
코드 스니펫
CSS
:root {
--purple-patch: #56257e;
--purple-patch-rgb: 86 37 126;
--purple-patch-oklch: oklch(0.381 0.145 305.8);
}
.element {
color: var(--purple-patch);
background-color: hsl(273 55% 32%);
border-color: oklch(0.381 0.145 305.8);
}Tailwind CSS v4
@theme {
--color-purple-patch: #56257e;
--color-purple-patch-50: #ffebff;
--color-purple-patch-100: #f5dcff;
--color-purple-patch-200: #e5c4ff;
--color-purple-patch-300: #cca3f1;
--color-purple-patch-400: #b386e2;
--color-purple-patch-500: #9e69d1;
--color-purple-patch-600: #8559b0;
--color-purple-patch-700: #6b478e;
--color-purple-patch-800: #4d346b;
--color-purple-patch-900: #36234b;
--color-purple-patch-950: #211231;
}SCSS
$purple-patch: #56257e;
$purple-patch-rgb: 86, 37, 126;
$purple-patch-light: mix(#fff, $purple-patch, 20%);
$purple-patch-dark: mix(#000, $purple-patch, 20%);
.element {
color: $purple-patch;
box-shadow: 0 0 0 2px rgba($purple-patch, 0.35);
}