Benannte Farbe · #A5887E
Magic Malt
Magic Malt ist #A5887E: rgb(165 136 126), hsl(15 18% 57%), oklch(0.651 0.039 39.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Magic Malt color name →
#A5887E
oklch(0.651 0.039 39.9)
Farbumrechnungen
- HEX
- #a5887e
- RGB
- rgb(165 136 126)
- HSL
- hsl(15 18% 57%)
- HWB
- hwb(15 49% 35%)
- OKLCH
- oklch(0.651 0.039 39.9)
- OKLab
- oklab(0.651 0.03 0.025)
- CIE Lab
- lab(59.24 10.21 9.74)
- LCH
- lch(59.24 14.11 43.7)
- CMYK
- cmyk(0% 18% 24% 35%)
Tints · Shades · Tones
Tints
- AE938A
- B79F97
- C0AAA3
- C9B6B0
- D2C2BD
- DBCECA
- E4DAD7
- EDE6E4
- F6F3F1
Shades
- 8F756D
- 79635C
- 65524C
- 51413C
- 3D312D
- 2B221F
- 1A1311
- 0A0605
- 010101
Tones
- A1877E
- 9E867E
- 9A867F
- 96857F
- 93847F
- 8F837F
- 8B8380
- 888280
- 848180
Farbharmonien
Komplementär +180°
- A5887E
Magic Malt
- 7695A0
≈ Ebb Tide
Analog -30° +30°
- A5887E
Magic Malt
- A5868A
≈ Tin Pink
- 9F8C76
≈ Mud-Dell
Triadisch +120° +240°
- A5887E
Magic Malt
- 7C9787
≈ Mild Green
- 8A8DA7
≈ Delicate Violet
Geteilt komplementär +150° +210°
- A5887E
Magic Malt
- 759794
≈ Villa Blue
- 7E92A7
≈ Stratus
Tetradisch +90° +180° +270°
- A5887E
Magic Malt
- 88947C
≈ Aloe Tip
- 7695A0
≈ Ebb Tide
- 9789A1
≈ Eccentricity
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.26:1 · APCA Lc 60
Ag
AAAuf Schwarz
WCAG 6.42:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.42:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--magic-malt: #a5887e;
--magic-malt-rgb: 165 136 126;
--magic-malt-oklch: oklch(0.651 0.039 39.9);
}
.element {
color: var(--magic-malt);
background-color: hsl(15 18% 57%);
border-color: oklch(0.651 0.039 39.9);
}Tailwind CSS v4
@theme {
--color-magic-malt: #a5887e;
--color-magic-malt-50: #fff2ed;
--color-magic-malt-100: #f4e4de;
--color-magic-malt-200: #e4cfc8;
--color-magic-malt-300: #cab1a8;
--color-magic-malt-400: #b3978e;
--color-magic-malt-500: #9d7e73;
--color-magic-malt-600: #856b62;
--color-magic-malt-700: #6b554e;
--color-magic-malt-800: #4f3e39;
--color-magic-malt-900: #372b27;
--color-magic-malt-950: #221815;
}SCSS
$magic-malt: #a5887e;
$magic-malt-rgb: 165, 136, 126;
$magic-malt-light: mix(#fff, $magic-malt, 20%);
$magic-malt-dark: mix(#000, $magic-malt, 20%);
.element {
color: $magic-malt;
box-shadow: 0 0 0 2px rgba($magic-malt, 0.35);
}