Color con nombre más cercano · #6C764F
#6C764F
Color con nombre más cercano: Dill
#6C764F (rgb(108 118 79), hsl(75 20% 39%), oklch(0.547 0.058 120.1)) se parece más al color con nombre Dill. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#6C764F
oklch(0.547 0.058 120.1)
Conversiones de color
- HEX
- #6c764f
- RGB
- rgb(108 118 79)
- HSL
- hsl(75 20% 39%)
- HWB
- hwb(75 31% 54%)
- OKLCH
- oklch(0.547 0.058 120.1)
- OKLab
- oklab(0.547 -0.029 0.051)
- CIE Lab
- lab(48 -9.17 20.22)
- LCH
- lch(48 22.21 114.4)
- CMYK
- cmyk(8% 0% 33% 54%)
Tintes · Sombras · Tonos
Tintes
- 7A8360
- 879070
- 969D81
- A4AB92
- B3B8A4
- C1C6B6
- D0D4C8
- E0E2DA
- EFF1EC
Sombras
- 5D6644
- 4E5638
- 40472E
- 323823
- 252919
- 191C10
- 0D0F07
- 040502
- 000100
Tonos
- 6E7754
- 707859
- 72795E
- 747A63
- 767B68
- 787C6D
- 7A7D72
- 7C7E76
- 7E7F7B
Armonías de color
Complementario +180°
- 6C764F
Dill
- 76698E
≈ Bureaucracy
Análogo -30° +30°
- 6C764F
Dill
- 7E6F48
≈ Mossy Shade
- 587B5F
≈ Green Mantle
Triádico +120° +240°
Complementario dividido +150° +210°
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.83:1 · APCA Lc 74
Ag
FailSobre negro
WCAG 4.34:1 · APCA Lc 28
Mejor color de texto: #FFFFFF
WCAG 4.83:1 (AA) · APCA Lc 74
Contrast pairs
Fragmentos de código
CSS
:root {
--dill: #6c764f;
--dill-rgb: 108 118 79;
--dill-oklch: oklch(0.547 0.058 120.1);
}
.element {
color: var(--dill);
background-color: hsl(75 20% 39%);
border-color: oklch(0.547 0.058 120.1);
}Tailwind CSS v4
@theme {
--color-dill: #6c764f;
--color-dill-50: #f2f8e6;
--color-dill-100: #e4ebd6;
--color-dill-200: #d0d9bd;
--color-dill-300: #b2bd9c;
--color-dill-400: #9aa47d;
--color-dill-500: #818c60;
--color-dill-600: #6d7752;
--color-dill-700: #575f41;
--color-dill-800: #40452e;
--color-dill-900: #2c301f;
--color-dill-950: #191c0f;
}SCSS
$dill: #6c764f;
$dill-rgb: 108, 118, 79;
$dill-light: mix(#fff, $dill, 20%);
$dill-dark: mix(#000, $dill, 20%);
.element {
color: $dill;
box-shadow: 0 0 0 2px rgba($dill, 0.35);
}