最も近い色名 · #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);
}