가장 가까운 이름 색상 · #4E1C65
#4E1C65
가장 가까운 이름 색상: Elegant Purple Gown
#4E1C65(rgb(78 28 101), hsl(281 57% 25%), oklch(0.34 0.127 313.1))와 가장 가까운 이름 색상은 Elegant Purple Gown입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#4E1C65
oklch(0.34 0.127 313.1)
색상 변환
- HEX
- #4e1c65
- RGB
- rgb(78 28 101)
- HSL
- hsl(281 57% 25%)
- HWB
- hwb(281 11% 60%)
- OKLCH
- oklch(0.34 0.127 313.1)
- OKLab
- oklab(0.34 0.087 -0.093)
- CIE Lab
- lab(21.27 33.34 -33.08)
- LCH
- lch(21.27 46.97 315.2)
- CMYK
- cmyk(23% 72% 0% 60%)
틴트 · 셰이드 · 톤
틴트
- 5E3374
- 6F4983
- 805E93
- 9174A2
- A38AB1
- B5A1C1
- C7B8D0
- D9CFE0
- ECE7EF
셰이드
- 431757
- 381249
- 2D0D3C
- 23082F
- 190522
- 0F0217
- 07010C
- 020003
- 000000
톤
- 532868
- 58336B
- 5D3D6F
- 624671
- 675074
- 6C5A77
- 716379
- 766D7C
- 7B767E
색 조화
보색 +180°
- 4E1C65
Elegant Purple Gown
- 224200
≈ Forest Green
유사색 -30° +30°
- 4E1C65
Elegant Purple Gown
- 322876
≈ Deep Space Rodeo
- 601048
≈ Grape Purple
삼각 배색 +120° +240°
- 4E1C65
Elegant Purple Gown
- 4E3100
≈ Kyoto House
- 004140
≈ Rich Black
분열 보색 +150° +210°
- 4E1C65
Elegant Purple Gown
- 3F3900
≈ Camouflage
- 00432D
≈ UP Forest Green
사각 배색 +90° +180° +270°
- 4E1C65
Elegant Purple Gown
- 602100
≈ Raw Chocolate
- 224200
≈ Forest Green
- 003F50
≈ Maniac Mansion
대비 및 접근성
Ag
AAA흰색 위
WCAG 12.51:1 · APCA Lc 98
Ag
Fail검은색 위
WCAG 1.67:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 12.51:1 (AAA) · APCA Lc 98
Contrast pairs
코드 스니펫
CSS
:root {
--elegant-purple-gown: #4e1c65;
--elegant-purple-gown-rgb: 78 28 101;
--elegant-purple-gown-oklch: oklch(0.34 0.127 313.1);
}
.element {
color: var(--elegant-purple-gown);
background-color: hsl(281 57% 25%);
border-color: oklch(0.34 0.127 313.1);
}Tailwind CSS v4
@theme {
--color-elegant-purple-gown: #4e1c65;
--color-elegant-purple-gown-50: #ffebff;
--color-elegant-purple-gown-100: #f8dcff;
--color-elegant-purple-gown-200: #e9c4fa;
--color-elegant-purple-gown-300: #d0a4e4;
--color-elegant-purple-gown-400: #b987d4;
--color-elegant-purple-gown-500: #a36ac1;
--color-elegant-purple-gown-600: #8a5aa3;
--color-elegant-purple-gown-700: #6f4883;
--color-elegant-purple-gown-800: #503462;
--color-elegant-purple-gown-900: #382445;
--color-elegant-purple-gown-950: #23122d;
}SCSS
$elegant-purple-gown: #4e1c65;
$elegant-purple-gown-rgb: 78, 28, 101;
$elegant-purple-gown-light: mix(#fff, $elegant-purple-gown, 20%);
$elegant-purple-gown-dark: mix(#000, $elegant-purple-gown, 20%);
.element {
color: $elegant-purple-gown;
box-shadow: 0 0 0 2px rgba($elegant-purple-gown, 0.35);
}