Màu có tên gần nhất · #7A4E71
#7A4E71
Màu có tên gần nhất: Magic Magenta
#7A4E71 (rgb(122 78 113), hsl(312 22% 39%), oklch(0.486 0.077 334.4)) gần nhất với màu có tên Magic Magenta. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#7A4E71
oklch(0.486 0.077 334.4)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 875E7E
- 946F8C
- A1809A
- AE91A8
- BCA3B6
- C9B5C4
- D6C7D3
- E4D9E1
- F1ECF0
Sắc đậm
- 694361
- 593852
- 492D43
- 3A2335
- 2B1927
- 1D0F1A
- 10070E
- 050204
- 010001
Sắc xám
- 7B5373
- 7C5874
- 7D5D76
- 7D6277
- 7E6779
- 7F6C7A
- 7F717C
- 80767D
- 807B7F
Hòa sắc
Bổ túc +180°
- 7A4E71
Magic Magenta
- 386C4B
≈ Jungle Book Green
Tương đồng -30° +30°
- 7A4E71
Magic Magenta
- 695483
≈ Virtual Violet
- 844C5A
≈ Wine Not
Bộ ba +120° +240°
- 7A4E71
Magic Magenta
- 6D5E26
≈ Bean Green
- 1A6A7A
≈ Hanaasagi Blue
Bổ túc chia +150° +210°
- 7A4E71
Magic Magenta
- 566734
≈ Deathworld Forest
- 1A6D64
≈ Tide Pools
Bộ bốn +90° +180° +270°
- 7A4E71
Magic Magenta
- 7E552D
≈ Arable Brown
- 386C4B
≈ Jungle Book Green
- 366488
≈ Drake’s Neck
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.65:1 · APCA Lc 83
Ag
FailTrên nền đen
WCAG 3.15:1 · APCA Lc 19
Màu chữ tốt nhất: #FFFFFF
WCAG 6.65:1 (AA) · APCA Lc 83
Contrast pairs
Đoạn mã
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);
}