Colore con nome · #6B5445
Moose Trail
Moose Trail è #6B5445: rgb(107 84 69), hsl(24 22% 35%), oklch(0.465 0.039 54.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Moose Trail color name →
#6B5445
oklch(0.465 0.039 54.7)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 796456
- 877467
- 958479
- A4958B
- B3A69D
- C2B7B0
- D1C9C3
- E0DAD7
- EFEDEB
Ombre
- 5C483B
- 4E3C31
- 3F3127
- 32261E
- 251B15
- 18110C
- 0D0805
- 040202
- 000000
Toni
- 6D584B
- 6F5D51
- 726156
- 74655C
- 766A62
- 786E68
- 7A736E
- 7C7774
- 7E7C7A
Armonie di colore
Complementare +180°
- 6B5445
Moose Trail
- 445D6C
≈ Seven Seas
Analogo -30° +30°
- 6B5445
Moose Trail
- 6E514F
≈ Buccaneer
- 645841
≈ Puff Dragon
Triadico +120° +240°
- 6B5445
Moose Trail
- 426158
≈ Emerson
- 5B556D
≈ Arraign
Complementare divisa +150° +210°
- 6B5445
Moose Trail
- 3F6064
≈ Oceans Deep
- 4F5A70
≈ Midnight Sun
Tetradico +90° +180° +270°
- 6B5445
Moose Trail
- 4C5F4C
≈ Vine Leaf
- 445D6C
≈ Seven Seas
- 655266
≈ Purple Trinket
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.04:1 · APCA Lc 84
Ag
FailSu nero
WCAG 2.97:1 · APCA Lc 18
Miglior colore del testo: #FFFFFF
WCAG 7.04:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
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);
}