Color con nombre más cercano · #005D00
#005D00
Color con nombre más cercano: Duck Hunt
#005D00 (rgb(0 93 0), hsl(120 100% 18%), oklch(0.414 0.141 142.5)) se parece más al color con nombre Duck Hunt. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#005D00
oklch(0.414 0.141 142.5)
Conversiones de color
- HEX
- #005d00
- RGB
- rgb(0 93 0)
- HSL
- hsl(120 100% 18%)
- HWB
- hwb(120 0% 64%)
- OKLCH
- oklch(0.414 0.141 142.5)
- OKLab
- oklab(0.414 -0.112 0.086)
- CIE Lab
- lab(33.66 -37.92 38.74)
- LCH
- lch(33.66 54.21 134.4)
- CMYK
- cmyk(100% 0% 100% 64%)
Tintes · Sombras · Tonos
Tintes
- 286D24
- 427C3D
- 598C55
- 709C6C
- 87AC84
- 9FBD9C
- B6CDB4
- CEDECD
- E6EEE6
Sombras
- 005000
- 004300
- 003700
- 002A00
- 001F00
- 001400
- 000A00
- 000300
- 000000
Tonos
- 1A6117
- 2A6526
- 376933
- 426C3F
- 4D704A
- 587355
- 627760
- 6C7A6B
- 767D75
Armonías de color
Complementario +180°
- 005D00
Duck Hunt
- 6E2977
≈ Galactic Grapevine
Análogo -30° +30°
- 005D00
Duck Hunt
- 4D5000
≈ Scorzonera Brown
- 005947
≈ Forest Shadows
Triádico +120° +240°
- 005D00
Duck Hunt
- 1E4597
≈ Space Explorer
- 881E25
≈ Red Dahlia
Complementario dividido +150° +210°
- 005D00
Duck Hunt
- 503690
≈ Blue Magenta Violet
- 801F53
≈ Smooch
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 8.18:1 · APCA Lc 88
Ag
FailSobre negro
WCAG 2.56:1 · APCA Lc 15
Mejor color de texto: #FFFFFF
WCAG 8.18:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmentos de código
CSS
:root {
--duck-hunt: #005d00;
--duck-hunt-rgb: 0 93 0;
--duck-hunt-oklch: oklch(0.414 0.141 142.5);
}
.element {
color: var(--duck-hunt);
background-color: hsl(120 100% 18%);
border-color: oklch(0.414 0.141 142.5);
}Tailwind CSS v4
@theme {
--color-duck-hunt: #005d00;
--color-duck-hunt-50: #ddffdd;
--color-duck-hunt-100: #ccf5cb;
--color-duck-hunt-200: #afe5af;
--color-duck-hunt-300: #89cb89;
--color-duck-hunt-400: #6ab364;
--color-duck-hunt-500: #459d40;
--color-duck-hunt-600: #3c8437;
--color-duck-hunt-700: #2f6a2c;
--color-duck-hunt-800: #244e1c;
--color-duck-hunt-900: #183612;
--color-duck-hunt-950: #082104;
}SCSS
$duck-hunt: #005d00;
$duck-hunt-rgb: 0, 93, 0;
$duck-hunt-light: mix(#fff, $duck-hunt, 20%);
$duck-hunt-dark: mix(#000, $duck-hunt, 20%);
.element {
color: $duck-hunt;
box-shadow: 0 0 0 2px rgba($duck-hunt, 0.35);
}