Color con nombre más cercano · #9D9D6F
#9D9D6F
Color con nombre más cercano: Guacamole
#9D9D6F (rgb(157 157 111), hsl(60 19% 53%), oklch(0.684 0.063 108)) se parece más al color con nombre Guacamole. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#9D9D6F
oklch(0.684 0.063 108)
Conversiones de color
- HEX
- #9d9d6f
- RGB
- rgb(157 157 111)
- HSL
- hsl(60 19% 53%)
- HWB
- hwb(60 44% 38%)
- OKLCH
- oklch(0.684 0.063 108)
- OKLab
- oklab(0.684 -0.02 0.06)
- CIE Lab
- lab(63.87 -5.59 24.16)
- LCH
- lch(63.87 24.8 103)
- CMYK
- cmyk(0% 0% 29% 38%)
Tintes · Sombras · Tonos
Tintes
- A6A67D
- B0B08B
- B9BA99
- C3C3A7
- CDCDB6
- D7D7C4
- E1E1D3
- EBEBE1
- F5F5F0
Sombras
- 888860
- 737351
- 5F5F42
- 4C4C34
- 3A3A27
- 28281A
- 18180E
- 090904
- 010101
Tonos
- 9A9A71
- 979773
- 949475
- 919177
- 8E8F79
- 8B8C7A
- 88897C
- 86867D
- 83837F
Armonías de color
Complementario +180°
- 9D9D6F
Guacamole
- 9794BF
≈ Lavender Bonnet
Análogo -30° +30°
- 9D9D6F
Guacamole
- B0956D
≈ Creamy Caramel
- 87A37D
≈ Rivergrass
Triádico +120° +240°
- 9D9D6F
Guacamole
- 6FA2B9
≈ Pacific Palisade
- B88AA1
≈ Lover’s Tryst
Complementario dividido +150° +210°
- 9D9D6F
Guacamole
- 819BC1
≈ Bel Air Blue
- AA8EB3
≈ Superstitious
Tetrádico +90° +180° +270°
- 9D9D6F
Guacamole
- 69A6A8
≈ Fairstar
- 9794BF
≈ Lavender Bonnet
- BE8A8B
≈ Prophetess
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.48:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--guacamole: #9d9d6f;
--guacamole-rgb: 157 157 111;
--guacamole-oklch: oklch(0.684 0.063 108);
}
.element {
color: var(--guacamole);
background-color: hsl(60 19% 53%);
border-color: oklch(0.684 0.063 108);
}Tailwind CSS v4
@theme {
--color-guacamole: #9d9d6f;
--color-guacamole-50: #f6f7e3;
--color-guacamole-100: #e9ead2;
--color-guacamole-200: #d5d7b8;
--color-guacamole-300: #b9bb96;
--color-guacamole-400: #a2a276;
--color-guacamole-500: #8a8a57;
--color-guacamole-600: #75744a;
--color-guacamole-700: #5d5d3b;
--color-guacamole-800: #45442a;
--color-guacamole-900: #302f1c;
--color-guacamole-950: #1c1b0c;
}SCSS
$guacamole: #9d9d6f;
$guacamole-rgb: 157, 157, 111;
$guacamole-light: mix(#fff, $guacamole, 20%);
$guacamole-dark: mix(#000, $guacamole, 20%);
.element {
color: $guacamole;
box-shadow: 0 0 0 2px rgba($guacamole, 0.35);
}