Color con nombre · #93907E
Muted Sage
Muted Sage es #93907E: rgb(147 144 126), hsl(51 9% 54%), oklch(0.651 0.026 99.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Muted Sage color name →
#93907E
oklch(0.651 0.026 99.3)
Conversiones de color
- HEX
- #93907e
- RGB
- rgb(147 144 126)
- HSL
- hsl(51 9% 54%)
- HWB
- hwb(51 49% 42%)
- OKLCH
- oklch(0.651 0.026 99.3)
- OKLab
- oklab(0.651 -0.004 0.026)
- CIE Lab
- lab(59.66 -1.26 10.03)
- LCH
- lch(59.66 10.11 97.2)
- CMYK
- cmyk(0% 2% 14% 42%)
Tintes · Sombras · Tonos
Tintes
- 9D9B8A
- A8A597
- B2B0A3
- BDBBB0
- C8C6BD
- D2D1CA
- DDDDD7
- E9E8E4
- F4F3F1
Sombras
- 7F7D6D
- 6C6A5C
- 59574C
- 47453C
- 36342D
- 25241F
- 161511
- 080705
- 010101
Tonos
- 918E7E
- 8F8D7F
- 8D8B7F
- 8B8A7F
- 89887F
- 88867F
- 868580
- 848380
- 828280
Armonías de color
Complementario +180°
- 93907E
Muted Sage
- 8C8EA0
≈ Manatee
Análogo -30° +30°
- 93907E
Muted Sage
- 9A8D7F
≈ Weimaraner
- 8A9382
≈ Matte Sage Green
Triádico +120° +240°
- 93907E
Muted Sage
- 7E949A
≈ Wethers Field
- 9B8995
≈ Piano Mauve
Complementario dividido +150° +210°
- 93907E
Muted Sage
- 84919F
≈ Diopside Blue
- 948B9C
≈ Gentle Mauve
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.21:1 · APCA Lc 59
Ag
AASobre negro
WCAG 6.53:1 · APCA Lc 42
Mejor color de texto: #000000
WCAG 6.53:1 (AA) · APCA Lc 42
Contrast pairs
Fragmentos de código
CSS
:root {
--muted-sage: #93907e;
--muted-sage-rgb: 147 144 126;
--muted-sage-oklch: oklch(0.651 0.026 99.3);
}
.element {
color: var(--muted-sage);
background-color: hsl(51 9% 54%);
border-color: oklch(0.651 0.026 99.3);
}Tailwind CSS v4
@theme {
--color-muted-sage: #93907e;
--color-muted-sage-50: #f6f5ed;
--color-muted-sage-100: #e9e8de;
--color-muted-sage-200: #d6d5c8;
--color-muted-sage-300: #bab8a9;
--color-muted-sage-400: #a29f8e;
--color-muted-sage-500: #8a8773;
--color-muted-sage-600: #757262;
--color-muted-sage-700: #5d5b4e;
--color-muted-sage-800: #454338;
--color-muted-sage-900: #2f2e27;
--color-muted-sage-950: #1c1b15;
}SCSS
$muted-sage: #93907e;
$muted-sage-rgb: 147, 144, 126;
$muted-sage-light: mix(#fff, $muted-sage, 20%);
$muted-sage-dark: mix(#000, $muted-sage, 20%);
.element {
color: $muted-sage;
box-shadow: 0 0 0 2px rgba($muted-sage, 0.35);
}