Color con nombre más cercano · #5D6540
#5D6540
Color con nombre más cercano: Bancha
#5D6540 (rgb(93 101 64), hsl(73 22% 32%), oklch(0.49 0.056 118.5)) se parece más al color con nombre Bancha. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#5D6540
oklch(0.49 0.056 118.5)
Conversiones de color
- HEX
- #5d6540
- RGB
- rgb(93 101 64)
- HSL
- hsl(73 22% 32%)
- HWB
- hwb(73 25% 60%)
- OKLCH
- oklch(0.49 0.056 118.5)
- OKLab
- oklab(0.49 -0.027 0.049)
- CIE Lab
- lab(41.34 -8.23 19.9)
- LCH
- lch(41.34 21.53 112.5)
- CMYK
- cmyk(8% 0% 37% 60%)
Tintes · Sombras · Tonos
Tintes
- 6C7352
- 7B8264
- 8A9176
- 9AA088
- AAAF9B
- BBBFAF
- CBCEC2
- DCDED6
- EEEFEA
Sombras
- 505736
- 43492D
- 373C24
- 2A2F1B
- 1F2213
- 14170B
- 0A0C05
- 030301
- 000000
Tonos
- 606847
- 646A4D
- 676D54
- 6B705A
- 6E7360
- 727567
- 75786D
- 797B73
- 7C7D7A
Armonías de color
Complementario +180°
- 5D6540
Bancha
- 645A7C
≈ Purple Valley
Análogo -30° +30°
- 5D6540
Bancha
- 6D5F3A
≈ Rationality
- 4A694F
≈ Green Perennial
Triádico +120° +240°
- 5D6540
Bancha
- 41657D
≈ Real Teal
- 7B5360
≈ Classic Berry
Complementario dividido +150° +210°
- 5D6540
Bancha
- 535F81
≈ Sapphire Earbobs
- 725570
≈ Cembra Blossom
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.17:1 · APCA Lc 81
Ag
FailSobre negro
WCAG 3.40:1 · APCA Lc 21
Mejor color de texto: #FFFFFF
WCAG 6.17:1 (AA) · APCA Lc 81
Contrast pairs
Fragmentos de código
CSS
:root {
--bancha: #5d6540;
--bancha-rgb: 93 101 64;
--bancha-oklch: oklch(0.49 0.056 118.5);
}
.element {
color: var(--bancha);
background-color: hsl(73 22% 32%);
border-color: oklch(0.49 0.056 118.5);
}Tailwind CSS v4
@theme {
--color-bancha: #5d6540;
--color-bancha-50: #f3f8e6;
--color-bancha-100: #e5ebd6;
--color-bancha-200: #d1d8be;
--color-bancha-300: #b3bc9c;
--color-bancha-400: #9ba37e;
--color-bancha-500: #828c61;
--color-bancha-600: #6e7652;
--color-bancha-700: #585f42;
--color-bancha-800: #41452f;
--color-bancha-900: #2d301f;
--color-bancha-950: #1a1c0f;
}SCSS
$bancha: #5d6540;
$bancha-rgb: 93, 101, 64;
$bancha-light: mix(#fff, $bancha, 20%);
$bancha-dark: mix(#000, $bancha, 20%);
.element {
color: $bancha;
box-shadow: 0 0 0 2px rgba($bancha, 0.35);
}