Color con nombre más cercano · #6D7C46
#6D7C46
Color con nombre más cercano: Ghoul
#6D7C46 (rgb(109 124 70), hsl(77 28% 38%), oklch(0.561 0.079 121.7)) se parece más al color con nombre Ghoul. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#6D7C46
oklch(0.561 0.079 121.7)
Conversiones de color
- HEX
- #6d7c46
- RGB
- rgb(109 124 70)
- HSL
- hsl(77 28% 38%)
- HWB
- hwb(77 27% 51%)
- OKLCH
- oklch(0.561 0.079 121.7)
- OKLab
- oklab(0.561 -0.041 0.067)
- CIE Lab
- lab(49.77 -12.74 27.46)
- LCH
- lch(49.77 30.27 114.9)
- CMYK
- cmyk(12% 0% 44% 51%)
Tintes · Sombras · Tonos
Tintes
- 7A8858
- 88956A
- 96A27C
- A5AF8E
- B3BCA0
- C2C9B3
- D1D6C5
- E0E4D8
- EFF1EC
Sombras
- 5E6B3C
- 4F5A32
- 414A28
- 333B1E
- 262C15
- 191E0D
- 0D1105
- 040502
- 010100
Tonos
- 6F7D4D
- 717D53
- 737E59
- 747E5F
- 767E64
- 787F6A
- 7A7F70
- 7C7F75
- 7E807B
Armonías de color
Complementario +180°
- 6D7C46
Ghoul
- 7D6A9C
≈ Queen’s
Análogo -30° +30°
- 6D7C46
Ghoul
- 85733B
≈ Mustard Magic
- 50825D
≈ Soylent Green
Triádico +120° +240°
- 6D7C46
Ghoul
- 487A9F
≈ Zenith
- 9B6171
≈ Tropical Hibiscus
Complementario dividido +150° +210°
- 6D7C46
Ghoul
- 6472A3
≈ Kimberlite
- 90638A
≈ Hashita Purple
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.54:1 · APCA Lc 72
Ag
AASobre negro
WCAG 4.62:1 · APCA Lc 30
Mejor color de texto: #000000
WCAG 4.62:1 (AA) · APCA Lc 30
Contrast pairs
Fragmentos de código
CSS
:root {
--ghoul: #6d7c46;
--ghoul-rgb: 109 124 70;
--ghoul-oklch: oklch(0.561 0.079 121.7);
}
.element {
color: var(--ghoul);
background-color: hsl(77 28% 38%);
border-color: oklch(0.561 0.079 121.7);
}Tailwind CSS v4
@theme {
--color-ghoul: #6d7c46;
--color-ghoul-50: #f0f9e1;
--color-ghoul-100: #e2edd0;
--color-ghoul-200: #cddab6;
--color-ghoul-300: #afbf92;
--color-ghoul-400: #97a671;
--color-ghoul-500: #7e8f52;
--color-ghoul-600: #6a7946;
--color-ghoul-700: #556037;
--color-ghoul-800: #3f4626;
--color-ghoul-900: #2b311a;
--color-ghoul-950: #191d0a;
}SCSS
$ghoul: #6d7c46;
$ghoul-rgb: 109, 124, 70;
$ghoul-light: mix(#fff, $ghoul, 20%);
$ghoul-dark: mix(#000, $ghoul, 20%);
.element {
color: $ghoul;
box-shadow: 0 0 0 2px rgba($ghoul, 0.35);
}