Benannte Farbe · #6B5445
Moose Trail
Moose Trail ist #6B5445: rgb(107 84 69), hsl(24 22% 35%), oklch(0.465 0.039 54.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Moose Trail color name →
#6B5445
oklch(0.465 0.039 54.7)
Farbumrechnungen
- HEX
- #6b5445
- RGB
- rgb(107 84 69)
- HSL
- hsl(24 22% 35%)
- HWB
- hwb(24 27% 58%)
- OKLCH
- oklch(0.465 0.039 54.7)
- OKLab
- oklab(0.465 0.022 0.032)
- CIE Lab
- lab(37.82 8.11 12.62)
- LCH
- lch(37.82 15 57.3)
- CMYK
- cmyk(0% 21% 36% 58%)
Tints · Shades · Tones
Tints
- 796456
- 877467
- 958479
- A4958B
- B3A69D
- C2B7B0
- D1C9C3
- E0DAD7
- EFEDEB
Shades
- 5C483B
- 4E3C31
- 3F3127
- 32261E
- 251B15
- 18110C
- 0D0805
- 040202
- 000000
Tones
- 6D584B
- 6F5D51
- 726156
- 74655C
- 766A62
- 786E68
- 7A736E
- 7C7774
- 7E7C7A
Farbharmonien
Komplementär +180°
- 6B5445
Moose Trail
- 445D6C
≈ Seven Seas
Analog -30° +30°
- 6B5445
Moose Trail
- 6E514F
≈ Buccaneer
- 645841
≈ Puff Dragon
Triadisch +120° +240°
- 6B5445
Moose Trail
- 426158
≈ Emerson
- 5B556D
≈ Arraign
Geteilt komplementär +150° +210°
- 6B5445
Moose Trail
- 3F6064
≈ Oceans Deep
- 4F5A70
≈ Midnight Sun
Tetradisch +90° +180° +270°
- 6B5445
Moose Trail
- 4C5F4C
≈ Vine Leaf
- 445D6C
≈ Seven Seas
- 655266
≈ Purple Trinket
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.04:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 2.97:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 7.04:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--moose-trail: #6b5445;
--moose-trail-rgb: 107 84 69;
--moose-trail-oklch: oklch(0.465 0.039 54.7);
}
.element {
color: var(--moose-trail);
background-color: hsl(24 22% 35%);
border-color: oklch(0.465 0.039 54.7);
}Tailwind CSS v4
@theme {
--color-moose-trail: #6b5445;
--color-moose-trail-50: #fef3eb;
--color-moose-trail-100: #f2e5dc;
--color-moose-trail-200: #e2d0c5;
--color-moose-trail-300: #c7b3a5;
--color-moose-trail-400: #b19989;
--color-moose-trail-500: #9b806e;
--color-moose-trail-600: #836c5d;
--color-moose-trail-700: #69574b;
--color-moose-trail-800: #4e3f36;
--color-moose-trail-900: #362b25;
--color-moose-trail-950: #211914;
}SCSS
$moose-trail: #6b5445;
$moose-trail-rgb: 107, 84, 69;
$moose-trail-light: mix(#fff, $moose-trail, 20%);
$moose-trail-dark: mix(#000, $moose-trail, 20%);
.element {
color: $moose-trail;
box-shadow: 0 0 0 2px rgba($moose-trail, 0.35);
}