Colore con nome · #5C544E
Mousy Indigo
Mousy Indigo è #5C544E: rgb(92 84 78), hsl(26 8% 33%), oklch(0.452 0.014 59.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Mousy Indigo color name →
#5C544E
oklch(0.452 0.014 59.3)
Conversioni di colore
- HEX
- #5c544e
- RGB
- rgb(92 84 78)
- HSL
- hsl(26 8% 33%)
- HWB
- hwb(26 31% 64%)
- OKLCH
- oklch(0.452 0.014 59.3)
- OKLab
- oklab(0.452 0.007 0.012)
- CIE Lab
- lab(36.36 2.53 4.77)
- LCH
- lch(36.36 5.4 62.1)
- CMYK
- cmyk(0% 9% 15% 64%)
Tinte · Ombre · Toni
Tinte
- 6B635E
- 7A736E
- 8A847F
- 9A9490
- AAA5A2
- BAB7B4
- CBC8C6
- DCDAD9
- EDEDEC
Ombre
- 4F4843
- 423C38
- 36312D
- 2A2623
- 1F1B19
- 14110F
- 0A0807
- 030202
- 000000
Toni
- 605853
- 635D58
- 67615D
- 6A6562
- 6E6A67
- 716E6C
- 757271
- 797776
- 7C7B7B
Armonie di colore
Complementare +180°
- 5C544E
Mousy Indigo
- 4F575D
≈ Submarine Grey
Analogo -30° +30°
- 5C544E
Mousy Indigo
- 5D5351
≈ Wolf’s Fur
- 59554D
≈ Sturgis Grey
Triadico +120° +240°
- 5C544E
Mousy Indigo
- 4E5856
≈ Midnight in NY
- 57545D
≈ Coal Tipple
Complementare divisa +150° +210°
- 5C544E
Mousy Indigo
- 4D585A
≈ Cobalt Cannon
- 52565E
≈ Coal Tipple
Tetradico +90° +180° +270°
- 5C544E
Mousy Indigo
- 505851
≈ Sunken Battleship
- 4F575D
≈ Submarine Grey
- 5A535A
≈ Virtuoso
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.41:1 · APCA Lc 86
Ag
FailSu nero
WCAG 2.83:1 · APCA Lc 16
Miglior colore del testo: #FFFFFF
WCAG 7.41:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--mousy-indigo: #5c544e;
--mousy-indigo-rgb: 92 84 78;
--mousy-indigo-oklch: oklch(0.452 0.014 59.3);
}
.element {
color: var(--mousy-indigo);
background-color: hsl(26 8% 33%);
border-color: oklch(0.452 0.014 59.3);
}Tailwind CSS v4
@theme {
--color-mousy-indigo: #5c544e;
--color-mousy-indigo-50: #f8f4f1;
--color-mousy-indigo-100: #ebe7e3;
--color-mousy-indigo-200: #d9d3ce;
--color-mousy-indigo-300: #bdb6b0;
--color-mousy-indigo-400: #a59d96;
--color-mousy-indigo-500: #8e847d;
--color-mousy-indigo-600: #78706a;
--color-mousy-indigo-700: #605955;
--color-mousy-indigo-800: #46413e;
--color-mousy-indigo-900: #312d2a;
--color-mousy-indigo-950: #1d1a18;
}SCSS
$mousy-indigo: #5c544e;
$mousy-indigo-rgb: 92, 84, 78;
$mousy-indigo-light: mix(#fff, $mousy-indigo, 20%);
$mousy-indigo-dark: mix(#000, $mousy-indigo, 20%);
.element {
color: $mousy-indigo;
box-shadow: 0 0 0 2px rgba($mousy-indigo, 0.35);
}