가장 가까운 이름 색상 · #4B29B5
#4B29B5
가장 가까운 이름 색상: Royalty
#4B29B5(rgb(75 41 181), hsl(255 63% 44%), oklch(0.423 0.203 284.8))와 가장 가까운 이름 색상은 Royalty입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#4B29B5
oklch(0.423 0.203 284.8)
색상 변환
- HEX
- #4b29b5
- RGB
- rgb(75 41 181)
- HSL
- hsl(255 63% 44%)
- HWB
- hwb(255 16% 29%)
- OKLCH
- oklch(0.423 0.203 284.8)
- OKLab
- oklab(0.423 0.052 -0.196)
- CIE Lab
- lab(29.3 43.75 -69.71)
- LCH
- lch(29.3 82.3 302.1)
- CMYK
- cmyk(59% 77% 0% 29%)
틴트 · 셰이드 · 톤
틴트
- 5844BE
- 675BC7
- 7870CF
- 8985D8
- 9B99DF
- AEADE6
- C1C2ED
- D5D6F4
- EAEAFA
셰이드
- 40229D
- 351C86
- 2B156F
- 210F59
- 170944
- 0E0530
- 06021D
- 02010C
- 000002
톤
- 4E37B1
- 5242AC
- 574CA8
- 5B55A3
- 615D9E
- 666599
- 6C6C93
- 73738D
- 797A87
색 조화
보색 +180°
- 4B29B5
Royalty
- 565000
≈ Scorzonera Brown
유사색 -30° +30°
- 4B29B5
Royalty
- 004C97
≈ Freshwater Lake
- 750897
≈ Chinese Purple
삼각 배색 +120° +240°
- 4B29B5
Royalty
- 813200
≈ Coffee Addiction
- 005D41
≈ Sci-Fi Takeout
분열 보색 +150° +210°
- 4B29B5
Royalty
- 6A4500
≈ Violin Brown
- 2D5C00
≈ Lincoln Green
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.19:1 · APCA Lc 90
Ag
Fail검은색 위
WCAG 2.28:1 · APCA Lc 12
가장 좋은 글자색: #FFFFFF
WCAG 9.19:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--royalty: #4b29b5;
--royalty-rgb: 75 41 181;
--royalty-oklch: oklch(0.423 0.203 284.8);
}
.element {
color: var(--royalty);
background-color: hsl(255 63% 44%);
border-color: oklch(0.423 0.203 284.8);
}Tailwind CSS v4
@theme {
--color-royalty: #4b29b5;
--color-royalty-50: #f0edff;
--color-royalty-100: #e2deff;
--color-royalty-200: #cec7ff;
--color-royalty-300: #b1a5ff;
--color-royalty-400: #9587ff;
--color-royalty-500: #7e66ff;
--color-royalty-600: #6b57db;
--color-royalty-700: #5546b0;
--color-royalty-800: #3c3385;
--color-royalty-900: #29235e;
--color-royalty-950: #171140;
}SCSS
$royalty: #4b29b5;
$royalty-rgb: 75, 41, 181;
$royalty-light: mix(#fff, $royalty, 20%);
$royalty-dark: mix(#000, $royalty, 20%);
.element {
color: $royalty;
box-shadow: 0 0 0 2px rgba($royalty, 0.35);
}