Color con nombre más cercano · #436F22
#436F22
Color con nombre más cercano: Forest Empress
#436F22 (rgb(67 111 34), hsl(94 53% 28%), oklch(0.492 0.118 134.3)) se parece más al color con nombre Forest Empress. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#436F22
oklch(0.492 0.118 134.3)
Conversiones de color
- HEX
- #436f22
- RGB
- rgb(67 111 34)
- HSL
- hsl(94 53% 28%)
- HWB
- hwb(94 13% 56%)
- OKLCH
- oklch(0.492 0.118 134.3)
- OKLab
- oklab(0.492 -0.082 0.084)
- CIE Lab
- lab(42.37 -26.5 36.17)
- LCH
- lch(42.37 44.84 126.2)
- CMYK
- cmyk(40% 0% 69% 56%)
Tintes · Sombras · Tonos
Tintes
- 557D3A
- 668B50
- 799965
- 8BA77B
- 9DB590
- B0C4A6
- C4D3BB
- D7E1D2
- EBF0E8
Sombras
- 39601C
- 2F5116
- 264211
- 1D340B
- 142707
- 0C1A03
- 050E01
- 010400
- 000100
Tonos
- 49712E
- 507339
- 567543
- 5C774C
- 627855
- 687A5E
- 6E7C67
- 747D6F
- 7A7F78
Armonías de color
Complementario +180°
- 436F22
Forest Empress
- 794A8F
≈ Purple Sapphire
Análogo -30° +30°
- 436F22
Forest Empress
- 6B6300
≈ Green Brown
- 007351
≈ Lush Meadow
Triádico +120° +240°
- 436F22
Forest Empress
- 2C62A2
≈ Zydeco Blue
- 98404C
≈ Egyptian Red
Complementario dividido +150° +210°
- 436F22
Forest Empress
- 5B55A1
≈ Coronation Blue
- 8E4271
≈ Purple Peril
Tetrádico +90° +180° +270°
- 436F22
Forest Empress
- 006C88
≈ Private Eye
- 794A8F
≈ Purple Sapphire
- 964721
≈ Autumn Red
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.93:1 · APCA Lc 80
Ag
FailSobre negro
WCAG 3.53:1 · APCA Lc 22
Mejor color de texto: #FFFFFF
WCAG 5.93:1 (AA) · APCA Lc 80
Contrast pairs
Fragmentos de código
CSS
:root {
--forest-empress: #436f22;
--forest-empress-rgb: 67 111 34;
--forest-empress-oklch: oklch(0.492 0.118 134.3);
}
.element {
color: var(--forest-empress);
background-color: hsl(94 53% 28%);
border-color: oklch(0.492 0.118 134.3);
}Tailwind CSS v4
@theme {
--color-forest-empress: #436f22;
--color-forest-empress-50: #e6fedc;
--color-forest-empress-100: #d6f2cb;
--color-forest-empress-200: #bee0af;
--color-forest-empress-300: #9cc689;
--color-forest-empress-400: #81ae65;
--color-forest-empress-500: #649741;
--color-forest-empress-600: #558038;
--color-forest-empress-700: #44662d;
--color-forest-empress-800: #324b1d;
--color-forest-empress-900: #223413;
--color-forest-empress-950: #111f05;
}SCSS
$forest-empress: #436f22;
$forest-empress-rgb: 67, 111, 34;
$forest-empress-light: mix(#fff, $forest-empress, 20%);
$forest-empress-dark: mix(#000, $forest-empress, 20%);
.element {
color: $forest-empress;
box-shadow: 0 0 0 2px rgba($forest-empress, 0.35);
}