Color con nombre más cercano · #556A3B
#556A3B
Color con nombre más cercano: Bimi Green
#556A3B (rgb(85 106 59), hsl(87 28% 32%), oklch(0.495 0.074 128.5)) se parece más al color con nombre Bimi Green. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#556A3B
oklch(0.495 0.074 128.5)
Conversiones de color
- HEX
- #556a3b
- RGB
- rgb(85 106 59)
- HSL
- hsl(87 28% 32%)
- HWB
- hwb(87 23% 58%)
- OKLCH
- oklch(0.495 0.074 128.5)
- OKLab
- oklab(0.495 -0.046 0.058)
- CIE Lab
- lab(42.18 -14.8 23.64)
- LCH
- lch(42.18 27.89 122.1)
- CMYK
- cmyk(20% 0% 44% 58%)
Tintes · Sombras · Tonos
Tintes
- 64784E
- 748660
- 859573
- 95A386
- A6B299
- B7C1AD
- C9D0C1
- DBE0D5
- EDEFEA
Sombras
- 495B32
- 3D4D29
- 313F21
- 263119
- 1C2411
- 111809
- 080D04
- 020401
- 000000
Tonos
- 596C42
- 5D6F4A
- 627151
- 667357
- 6A755E
- 6F7765
- 737A6C
- 777C73
- 7C7E79
Armonías de color
Complementario +180°
- 556A3B
Bimi Green
- 6E5682
≈ Mystical
Análogo -30° +30°
- 556A3B
Bimi Green
- 6D622D
≈ Himalaya
- 396F52
≈ Jungle Book Green
Triádico +120° +240°
- 556A3B
Bimi Green
- 3E658A
≈ Winter Palace
- 864F59
≈ Crushed Berry
Complementario dividido +150° +210°
- 556A3B
Bimi Green
- 585D8C
≈ Midnight Sea
- 7E5170
≈ Magnificence
Tetrádico +90° +180° +270°
- 556A3B
Bimi Green
- 256C7E
≈ Allports
- 6E5682
≈ Mystical
- 865342
≈ Red Hook
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.98:1 · APCA Lc 80
Ag
FailSobre negro
WCAG 3.51:1 · APCA Lc 22
Mejor color de texto: #FFFFFF
WCAG 5.98:1 (AA) · APCA Lc 80
Contrast pairs
Fragmentos de código
CSS
:root {
--bimi-green: #556a3b;
--bimi-green-rgb: 85 106 59;
--bimi-green-oklch: oklch(0.495 0.074 128.5);
}
.element {
color: var(--bimi-green);
background-color: hsl(87 28% 32%);
border-color: oklch(0.495 0.074 128.5);
}Tailwind CSS v4
@theme {
--color-bimi-green: #556a3b;
--color-bimi-green-50: #eefae4;
--color-bimi-green-100: #dfedd4;
--color-bimi-green-200: #cadbba;
--color-bimi-green-300: #abc098;
--color-bimi-green-400: #91a778;
--color-bimi-green-500: #77905a;
--color-bimi-green-600: #657a4d;
--color-bimi-green-700: #51613d;
--color-bimi-green-800: #3c472b;
--color-bimi-green-900: #29311d;
--color-bimi-green-950: #171d0d;
}SCSS
$bimi-green: #556a3b;
$bimi-green-rgb: 85, 106, 59;
$bimi-green-light: mix(#fff, $bimi-green, 20%);
$bimi-green-dark: mix(#000, $bimi-green, 20%);
.element {
color: $bimi-green;
box-shadow: 0 0 0 2px rgba($bimi-green, 0.35);
}