Nächste benannte Farbe · #7A4E71
#7A4E71
Nächste benannte Farbe: Magic Magenta
#7A4E71 (rgb(122 78 113), hsl(312 22% 39%), oklch(0.486 0.077 334.4)) liegt am nächsten an der benannten Farbe Magic Magenta. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#7A4E71
oklch(0.486 0.077 334.4)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 875E7E
- 946F8C
- A1809A
- AE91A8
- BCA3B6
- C9B5C4
- D6C7D3
- E4D9E1
- F1ECF0
Shades
- 694361
- 593852
- 492D43
- 3A2335
- 2B1927
- 1D0F1A
- 10070E
- 050204
- 010001
Tones
- 7B5373
- 7C5874
- 7D5D76
- 7D6277
- 7E6779
- 7F6C7A
- 7F717C
- 80767D
- 807B7F
Farbharmonien
Komplementär +180°
- 7A4E71
Magic Magenta
- 386C4B
≈ Jungle Book Green
Analog -30° +30°
- 7A4E71
Magic Magenta
- 695483
≈ Virtual Violet
- 844C5A
≈ Wine Not
Triadisch +120° +240°
- 7A4E71
Magic Magenta
- 6D5E26
≈ Bean Green
- 1A6A7A
≈ Hanaasagi Blue
Geteilt komplementär +150° +210°
- 7A4E71
Magic Magenta
- 566734
≈ Deathworld Forest
- 1A6D64
≈ Tide Pools
Tetradisch +90° +180° +270°
- 7A4E71
Magic Magenta
- 7E552D
≈ Arable Brown
- 386C4B
≈ Jungle Book Green
- 366488
≈ Drake’s Neck
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.65:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.15:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.65:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
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);
}