Colore con nome · #5E4A47
Mustang
Mustang è #5E4A47: rgb(94 74 71), hsl(8 14% 32%), oklch(0.429 0.028 28.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Mustang color name →
#5E4A47
oklch(0.429 0.028 28.2)
Conversioni di colore
- HEX
- #5e4a47
- RGB
- rgb(94 74 71)
- HSL
- hsl(8 14% 32%)
- HWB
- hwb(8 28% 63%)
- OKLCH
- oklch(0.429 0.028 28.2)
- OKLab
- oklab(0.429 0.025 0.013)
- CIE Lab
- lab(33.52 8.36 5.19)
- LCH
- lch(33.52 9.84 31.8)
- CMYK
- cmyk(0% 21% 24% 63%)
Tinte · Ombre · Toni
Tinte
- 6D5A57
- 7C6B68
- 8C7C7A
- 9B8E8C
- ABA09E
- BCB2B1
- CCC5C4
- DDD8D7
- EEEBEB
Ombre
- 513F3D
- 443532
- 372A28
- 2B201F
- 1F1716
- 140E0D
- 0A0606
- 030202
- 000000
Toni
- 614F4C
- 655452
- 685A58
- 6C5F5D
- 6F6463
- 736A69
- 766F6E
- 797574
- 7D7A7A
Armonie di colore
Complementare +180°
- 5E4A47
Mustang
- 3E5458
≈ Casal
Analogo -30° +30°
- 5E4A47
Mustang
- 5D494F
≈ Raisin
- 5C4C41
≈ Cork
Triadico +120° +240°
- 5E4A47
Mustang
- 455447
≈ Rock Garden
- 494F5F
≈ Ombre Blue
Complementare divisa +150° +210°
- 5E4A47
Mustang
- 3F554F
≈ Dark Everglade
- 42525D
≈ Nightfall
Tetradico +90° +180° +270°
- 5E4A47
Mustang
- 4E5241
≈ Forestwood
- 3E5458
≈ Casal
- 514C5D
≈ Mulled Wine
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.24:1 · APCA Lc 88
Ag
FailSu nero
WCAG 2.54:1 · APCA Lc 14
Miglior colore del testo: #FFFFFF
WCAG 8.24:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--mustang: #5e4a47;
--mustang-rgb: 94 74 71;
--mustang-oklch: oklch(0.429 0.028 28.2);
}
.element {
color: var(--mustang);
background-color: hsl(8 14% 32%);
border-color: oklch(0.429 0.028 28.2);
}Tailwind CSS v4
@theme {
--color-mustang: #5e4a47;
--color-mustang-50: #fdf2f0;
--color-mustang-100: #f1e5e2;
--color-mustang-200: #e0d0cd;
--color-mustang-300: #c5b2af;
--color-mustang-400: #ae9995;
--color-mustang-500: #98807c;
--color-mustang-600: #806c69;
--color-mustang-700: #675654;
--color-mustang-800: #4c3f3d;
--color-mustang-900: #352b2a;
--color-mustang-950: #201918;
}SCSS
$mustang: #5e4a47;
$mustang-rgb: 94, 74, 71;
$mustang-light: mix(#fff, $mustang, 20%);
$mustang-dark: mix(#000, $mustang, 20%);
.element {
color: $mustang;
box-shadow: 0 0 0 2px rgba($mustang, 0.35);
}