Benannte Farbe · #5C0536
Mulberry Wood
Mulberry Wood ist #5C0536: rgb(92 5 54), hsl(326 90% 19%), oklch(0.315 0.124 353.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Mulberry Wood color name →
#5C0536
oklch(0.315 0.124 353.7)
Farbumrechnungen
- HEX
- #5c0536
- RGB
- rgb(92 5 54)
- HSL
- hsl(326 90% 19%)
- HWB
- hwb(326 2% 64%)
- OKLCH
- oklch(0.315 0.124 353.7)
- OKLab
- oklab(0.315 0.123 -0.014)
- CIE Lab
- lab(18.86 39.29 -4.64)
- LCH
- lch(18.86 39.56 353.3)
- CMYK
- cmyk(0% 95% 41% 64%)
Tints · Shades · Tones
Tints
- 6E2448
- 7F3C5A
- 90536D
- A06A80
- B08294
- C09AA9
- D0B3BE
- E0CCD3
- F0E5E9
Shades
- 4F042E
- 420325
- 36021E
- 2A0116
- 1F010F
- 140008
- 0A0003
- 030001
- 000000
Tones
- 61183D
- 662644
- 6B324B
- 6F3D52
- 73495A
- 765461
- 795F69
- 7C6A70
- 7E7578
Farbharmonien
Komplementär +180°
- 5C0536
Mulberry Wood
- 003B2F
≈ Night Turquoise
Analog -30° +30°
- 5C0536
Mulberry Wood
- 4E1154
≈ Shani Purple
- 62030E
≈ Rosewood
Triadisch +120° +240°
- 5C0536
Mulberry Wood
- 313500
≈ Wasabi Nori
- 00364D
≈ Sea of Stars
Geteilt komplementär +150° +210°
- 5C0536
Mulberry Wood
- 003E05
≈ Hunter Green
- 00393E
≈ Natural Indigo
Tetradisch +90° +180° +270°
- 5C0536
Mulberry Wood
- 412E00
≈ Hidden Passage
- 003B2F
≈ Night Turquoise
- 0E2A6F
≈ Blue Jinn’s
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 13.72:1 · APCA Lc 99
Ag
FailAuf Schwarz
WCAG 1.53:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 13.72:1 (AAA) · APCA Lc 99
Contrast pairs
Code-Snippets
CSS
:root {
--mulberry-wood: #5c0536;
--mulberry-wood-rgb: 92 5 54;
--mulberry-wood-oklch: oklch(0.315 0.124 353.7);
}
.element {
color: var(--mulberry-wood);
background-color: hsl(326 90% 19%);
border-color: oklch(0.315 0.124 353.7);
}Tailwind CSS v4
@theme {
--color-mulberry-wood: #5c0536;
--color-mulberry-wood-50: #ffe7f6;
--color-mulberry-wood-100: #ffd7e9;
--color-mulberry-wood-200: #ffbfd6;
--color-mulberry-wood-300: #eb9dba;
--color-mulberry-wood-400: #d77ea4;
--color-mulberry-wood-500: #c3608c;
--color-mulberry-wood-600: #a55277;
--color-mulberry-wood-700: #84415f;
--color-mulberry-wood-800: #622f47;
--color-mulberry-wood-900: #452031;
--color-mulberry-wood-950: #2c0f1d;
}SCSS
$mulberry-wood: #5c0536;
$mulberry-wood-rgb: 92, 5, 54;
$mulberry-wood-light: mix(#fff, $mulberry-wood, 20%);
$mulberry-wood-dark: mix(#000, $mulberry-wood, 20%);
.element {
color: $mulberry-wood;
box-shadow: 0 0 0 2px rgba($mulberry-wood, 0.35);
}