가장 가까운 이름 색상 · #7A4E71
#7A4E71
가장 가까운 이름 색상: Magic Magenta
#7A4E71(rgb(122 78 113), hsl(312 22% 39%), oklch(0.486 0.077 334.4))와 가장 가까운 이름 색상은 Magic Magenta입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#7A4E71
oklch(0.486 0.077 334.4)
색상 변환
- HEX
- #7a4e71
- RGB
- rgb(122 78 113)
- HSL
- hsl(312 22% 39%)
- HWB
- hwb(312 31% 52%)
- OKLCH
- oklch(0.486 0.077 334.4)
- OKLab
- oklab(0.486 0.07 -0.033)
- CIE Lab
- lab(39.23 23.37 -12.25)
- LCH
- lch(39.23 26.39 332.3)
- CMYK
- cmyk(0% 36% 7% 52%)
틴트 · 셰이드 · 톤
틴트
- 875E7E
- 946F8C
- A1809A
- AE91A8
- BCA3B6
- C9B5C4
- D6C7D3
- E4D9E1
- F1ECF0
셰이드
- 694361
- 593852
- 492D43
- 3A2335
- 2B1927
- 1D0F1A
- 10070E
- 050204
- 010001
톤
- 7B5373
- 7C5874
- 7D5D76
- 7D6277
- 7E6779
- 7F6C7A
- 7F717C
- 80767D
- 807B7F
색 조화
보색 +180°
- 7A4E71
Magic Magenta
- 386C4B
≈ Jungle Book Green
유사색 -30° +30°
- 7A4E71
Magic Magenta
- 695483
≈ Virtual Violet
- 844C5A
≈ Wine Not
삼각 배색 +120° +240°
- 7A4E71
Magic Magenta
- 6D5E26
≈ Bean Green
- 1A6A7A
≈ Hanaasagi Blue
분열 보색 +150° +210°
- 7A4E71
Magic Magenta
- 566734
≈ Deathworld Forest
- 1A6D64
≈ Tide Pools
사각 배색 +90° +180° +270°
- 7A4E71
Magic Magenta
- 7E552D
≈ Arable Brown
- 386C4B
≈ Jungle Book Green
- 366488
≈ Drake’s Neck
대비 및 접근성
Ag
AA흰색 위
WCAG 6.65:1 · APCA Lc 83
Ag
Fail검은색 위
WCAG 3.15:1 · APCA Lc 19
가장 좋은 글자색: #FFFFFF
WCAG 6.65:1 (AA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--magic-magenta: #7a4e71;
--magic-magenta-rgb: 122 78 113;
--magic-magenta-oklch: oklch(0.486 0.077 334.4);
}
.element {
color: var(--magic-magenta);
background-color: hsl(312 22% 39%);
border-color: oklch(0.486 0.077 334.4);
}Tailwind CSS v4
@theme {
--color-magic-magenta: #7a4e71;
--color-magic-magenta-50: #ffedfe;
--color-magic-magenta-100: #fadff2;
--color-magic-magenta-200: #ebc8e1;
--color-magic-magenta-300: #d2a9c6;
--color-magic-magenta-400: #bb8db1;
--color-magic-magenta-500: #a6739b;
--color-magic-magenta-600: #8c6183;
--color-magic-magenta-700: #704e69;
--color-magic-magenta-800: #52384e;
--color-magic-magenta-900: #392736;
--color-magic-magenta-950: #241521;
}SCSS
$magic-magenta: #7a4e71;
$magic-magenta-rgb: 122, 78, 113;
$magic-magenta-light: mix(#fff, $magic-magenta, 20%);
$magic-magenta-dark: mix(#000, $magic-magenta, 20%);
.element {
color: $magic-magenta;
box-shadow: 0 0 0 2px rgba($magic-magenta, 0.35);
}