Benannte Farbe · #5C4939
Mousy Brown
Mousy Brown ist #5C4939: rgb(92 73 57), hsl(27 23% 29%), oklch(0.421 0.036 61.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Mousy Brown color name →
#5C4939
oklch(0.421 0.036 61.7)
Farbumrechnungen
- HEX
- #5c4939
- RGB
- rgb(92 73 57)
- HSL
- hsl(27 23% 29%)
- HWB
- hwb(27 22% 64%)
- OKLCH
- oklch(0.421 0.036 61.7)
- OKLab
- oklab(0.421 0.017 0.032)
- CIE Lab
- lab(32.71 6.44 12.82)
- LCH
- lch(32.71 14.35 63.3)
- CMYK
- cmyk(0% 21% 38% 64%)
Tints · Shades · Tones
Tints
- 6B594B
- 7A6A5D
- 8A7C70
- 9A8D83
- AA9F96
- BBB2AB
- CBC5BF
- DCD8D4
- EEEBE9
Shades
- 4F3E30
- 423428
- 362A1F
- 2A2017
- 1F1710
- 140E09
- 0A0604
- 030201
- 000000
Tones
- 604E40
- 635447
- 67594E
- 6A5F55
- 6E645C
- 726A63
- 756F6A
- 797571
- 7C7A79
Farbharmonien
Komplementär +180°
- 5C4939
Mousy Brown
- 3C5060
≈ Midnight Haze
Analog -30° +30°
- 5C4939
Mousy Brown
- 604641
≈ Death by Chocolate
- 544D36
≈ Tǔ Hēi Black
Triadisch +120° +240°
- 5C4939
Mousy Brown
- 37544F
≈ Bistro Green
- 51495E
≈ Violet Shadow
Geteilt komplementär +150° +210°
- 5C4939
Mousy Brown
- 355359
≈ Mountain Pine
- 464C61
≈ China Aster
Tetradisch +90° +180° +270°
- 5C4939
Mousy Brown
- 3F5343
≈ Pine Forest
- 3C5060
≈ Midnight Haze
- 594656
≈ Strike a Pose
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.51:1 · APCA Lc 89
Ag
FailAuf Schwarz
WCAG 2.46:1 · APCA Lc 13
Beste Textfarbe: #FFFFFF
WCAG 8.51:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--mousy-brown: #5c4939;
--mousy-brown-rgb: 92 73 57;
--mousy-brown-oklch: oklch(0.421 0.036 61.7);
}
.element {
color: var(--mousy-brown);
background-color: hsl(27 23% 29%);
border-color: oklch(0.421 0.036 61.7);
}Tailwind CSS v4
@theme {
--color-mousy-brown: #5c4939;
--color-mousy-brown-50: #fdf3eb;
--color-mousy-brown-100: #f1e6dc;
--color-mousy-brown-200: #e0d1c5;
--color-mousy-brown-300: #c5b4a5;
--color-mousy-brown-400: #af9a89;
--color-mousy-brown-500: #98816e;
--color-mousy-brown-600: #816d5d;
--color-mousy-brown-700: #67574a;
--color-mousy-brown-800: #4c4036;
--color-mousy-brown-900: #352c25;
--color-mousy-brown-950: #201913;
}SCSS
$mousy-brown: #5c4939;
$mousy-brown-rgb: 92, 73, 57;
$mousy-brown-light: mix(#fff, $mousy-brown, 20%);
$mousy-brown-dark: mix(#000, $mousy-brown, 20%);
.element {
color: $mousy-brown;
box-shadow: 0 0 0 2px rgba($mousy-brown, 0.35);
}