가장 가까운 이름 색상 · #51295B
#51295B
가장 가까운 이름 색상: Wonka Purple
#51295B(rgb(81 41 91), hsl(288 38% 26%), oklch(0.356 0.095 319.3))와 가장 가까운 이름 색상은 Wonka Purple입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#51295B
oklch(0.356 0.095 319.3)
색상 변환
- HEX
- #51295b
- RGB
- rgb(81 41 91)
- HSL
- hsl(288 38% 26%)
- HWB
- hwb(288 16% 64%)
- OKLCH
- oklch(0.356 0.095 319.3)
- OKLab
- oklab(0.356 0.072 -0.062)
- CIE Lab
- lab(23.85 25.68 -22.4)
- LCH
- lch(23.85 34.08 318.9)
- CMYK
- cmyk(11% 55% 0% 64%)
틴트 · 셰이드 · 톤
틴트
- 613D6B
- 72517A
- 83658A
- 947A9A
- A58FAB
- B6A4BB
- C8BACC
- DAD1DD
- EDE8EE
셰이드
- 45224E
- 3A1C41
- 2F1535
- 240F29
- 1A091E
- 100513
- 070209
- 020103
- 000000
톤
- 56325F
- 5B3B63
- 604367
- 644C6B
- 69556E
- 6E5D72
- 726676
- 776E79
- 7B777D
색 조화
보색 +180°
- 51295B
Wonka Purple
- 1D4711
≈ Dark Fern
유사색 -30° +30°
- 51295B
Wonka Purple
- 3C316A
≈ Minsk
- 5F2344
≈ Plum Caspia
삼각 배색 +120° +240°
- 51295B
Wonka Purple
- 503700
≈ Eyelash Camel
- 004548
≈ Dark Side
분열 보색 +150° +210°
- 51295B
Wonka Purple
- 3F3F00
≈ Dark Olive
- 004836
≈ UP Forest Green
사각 배색 +90° +180° +270°
- 51295B
Wonka Purple
- 622900
≈ Count Chocula
- 1D4711
≈ Dark Fern
- 004259
≈ Maniac Mansion
대비 및 접근성
Ag
AAA흰색 위
WCAG 11.55:1 · APCA Lc 96
Ag
Fail검은색 위
WCAG 1.81:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 11.55:1 (AAA) · APCA Lc 96
Contrast pairs
코드 스니펫
CSS
:root {
--wonka-purple: #51295b;
--wonka-purple-rgb: 81 41 91;
--wonka-purple-oklch: oklch(0.356 0.095 319.3);
}
.element {
color: var(--wonka-purple);
background-color: hsl(288 38% 26%);
border-color: oklch(0.356 0.095 319.3);
}Tailwind CSS v4
@theme {
--color-wonka-purple: #51295b;
--color-wonka-purple-50: #ffedff;
--color-wonka-purple-100: #f7defc;
--color-wonka-purple-200: #e8c7ed;
--color-wonka-purple-300: #cea8d5;
--color-wonka-purple-400: #b78cc2;
--color-wonka-purple-500: #a271ae;
--color-wonka-purple-600: #896093;
--color-wonka-purple-700: #6d4c76;
--color-wonka-purple-800: #503858;
--color-wonka-purple-900: #38263e;
--color-wonka-purple-950: #221427;
}SCSS
$wonka-purple: #51295b;
$wonka-purple-rgb: 81, 41, 91;
$wonka-purple-light: mix(#fff, $wonka-purple, 20%);
$wonka-purple-dark: mix(#000, $wonka-purple, 20%);
.element {
color: $wonka-purple;
box-shadow: 0 0 0 2px rgba($wonka-purple, 0.35);
}