Benannte Farbe · #80496E
Madder Magenta
Madder Magenta ist #80496E: rgb(128 73 110), hsl(320 27% 39%), oklch(0.483 0.09 340.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Madder Magenta color name →
#80496E
oklch(0.483 0.09 340.4)
Farbumrechnungen
- HEX
- #80496e
- RGB
- rgb(128 73 110)
- HSL
- hsl(320 27% 39%)
- HWB
- hwb(320 29% 50%)
- OKLCH
- oklch(0.483 0.09 340.4)
- OKLab
- oklab(0.483 0.085 -0.03)
- CIE Lab
- lab(38.77 28.03 -10.99)
- LCH
- lch(38.77 30.11 338.6)
- CMYK
- cmyk(0% 43% 14% 50%)
Tints · Shades · Tones
Tints
- 8D5A7C
- 9A6B89
- A67D97
- B38FA6
- C0A1B4
- CCB3C3
- D9C6D1
- E6D8E0
- F2ECF0
Shades
- 6E3E5F
- 5D3450
- 4D2A41
- 3D2033
- 2E1726
- 1F0E19
- 12060E
- 060204
- 010001
Tones
- 814F70
- 815472
- 815A74
- 826075
- 826577
- 826B79
- 81707B
- 81757D
- 817B7E
Farbharmonien
Komplementär +180°
- 80496E
Madder Magenta
- 256E4D
≈ Precious Emerald
Analog -30° +30°
- 80496E
Madder Magenta
- 6E4F84
≈ Gutsy Grape
- 894752
≈ Currant Jam
Triadisch +120° +240°
- 80496E
Madder Magenta
- 6A5F17
≈ Greenish Brown
- 006981
≈ Pilot Blue
Geteilt komplementär +150° +210°
- 80496E
Madder Magenta
- 4D692F
≈ Tree Shade
- 006D69
≈ Ocean Oasis
Tetradisch +90° +180° +270°
- 80496E
Madder Magenta
- 7E551C
≈ Lizard Brown
- 256E4D
≈ Precious Emerald
- 34618F
≈ Make-Up Blue
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.78:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.09:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.78:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--madder-magenta: #80496e;
--madder-magenta-rgb: 128 73 110;
--madder-magenta-oklch: oklch(0.483 0.09 340.4);
}
.element {
color: var(--madder-magenta);
background-color: hsl(320 27% 39%);
border-color: oklch(0.483 0.09 340.4);
}Tailwind CSS v4
@theme {
--color-madder-magenta: #80496e;
--color-madder-magenta-50: #ffecfc;
--color-madder-magenta-100: #feddf0;
--color-madder-magenta-200: #f1c6df;
--color-madder-magenta-300: #d9a6c4;
--color-madder-magenta-400: #c38aaf;
--color-madder-magenta-500: #ae6e98;
--color-madder-magenta-600: #935d81;
--color-madder-magenta-700: #764a67;
--color-madder-magenta-800: #57364d;
--color-madder-magenta-900: #3d2535;
--color-madder-magenta-950: #261321;
}SCSS
$madder-magenta: #80496e;
$madder-magenta-rgb: 128, 73, 110;
$madder-magenta-light: mix(#fff, $madder-magenta, 20%);
$madder-magenta-dark: mix(#000, $madder-magenta, 20%);
.element {
color: $madder-magenta;
box-shadow: 0 0 0 2px rgba($madder-magenta, 0.35);
}