Nächste benannte Farbe · #86467B
#86467B
Nächste benannte Farbe: Magic Magenta
#86467B (rgb(134 70 123), hsl(310 31% 40%), oklch(0.492 0.112 333.9)) liegt am nächsten an der benannten Farbe Magic Magenta. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#86467B
oklch(0.492 0.112 333.9)
Farbumrechnungen
- HEX
- #86467b
- RGB
- rgb(134 70 123)
- HSL
- hsl(310 31% 40%)
- HWB
- hwb(310 27% 47%)
- OKLCH
- oklch(0.492 0.112 333.9)
- OKLab
- oklab(0.492 0.101 -0.049)
- CIE Lab
- lab(39.4 33.57 -17.95)
- LCH
- lch(39.4 38.06 331.9)
- CMYK
- cmyk(0% 48% 8% 47%)
Tints · Shades · Tones
Tints
- 925888
- 9F6A94
- AB7BA1
- B78EAE
- C3A0BC
- CFB2C9
- DBC5D6
- E7D8E4
- F3EBF1
Shades
- 743C6A
- 62325A
- 51284A
- 401E3A
- 30152C
- 210D1E
- 130510
- 060205
- 010001
Tones
- 864C7C
- 86537C
- 86597D
- 855E7D
- 85647E
- 846A7F
- 83707F
- 82757F
- 817B80
Farbharmonien
Komplementär +180°
- 86467B
Magic Magenta
- 1B7342
≈ Cloudy Camouflage
Analog -30° +30°
- 86467B
Magic Magenta
- 6F4F94
≈ Parfait d’Amour
- 93425A
≈ Raspberry Pudding
Triadisch +120° +240°
- 86467B
Magic Magenta
- 745F00
≈ Hot Mustard
- 006D7F
≈ Coastal Jetty
Geteilt komplementär +150° +210°
- 86467B
Magic Magenta
- 546B14
≈ Bowser Shell
- 007166
≈ Pharaoh’s Gem
Tetradisch +90° +180° +270°
- 86467B
Magic Magenta
- 8C5100
≈ Plain Old Brown
- 1B7342
≈ Cloudy Camouflage
- 15669B
≈ Impulse Blue
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.61:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.17:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.61:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--magic-magenta: #86467b;
--magic-magenta-rgb: 134 70 123;
--magic-magenta-oklch: oklch(0.492 0.112 333.9);
}
.element {
color: var(--magic-magenta);
background-color: hsl(310 31% 40%);
border-color: oklch(0.492 0.112 333.9);
}Tailwind CSS v4
@theme {
--color-magic-magenta: #86467b;
--color-magic-magenta-50: #ffeaff;
--color-magic-magenta-100: #ffdaf6;
--color-magic-magenta-200: #f4c3e7;
--color-magic-magenta-300: #dca2cd;
--color-magic-magenta-400: #c785ba;
--color-magic-magenta-500: #b268a5;
--color-magic-magenta-600: #97588b;
--color-magic-magenta-700: #794670;
--color-magic-magenta-800: #593354;
--color-magic-magenta-900: #3e233a;
--color-magic-magenta-950: #271224;
}SCSS
$magic-magenta: #86467b;
$magic-magenta-rgb: 134, 70, 123;
$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);
}