Color con nombre más cercano · #537627
#537627
Color con nombre más cercano: Luscious Lemongrass
#537627 (rgb(83 118 39), hsl(87 50% 31%), oklch(0.522 0.115 130)) se parece más al color con nombre Luscious Lemongrass. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#537627
oklch(0.522 0.115 130)
Conversiones de color
- HEX
- #537627
- RGB
- rgb(83 118 39)
- HSL
- hsl(87 50% 31%)
- HWB
- hwb(87 15% 54%)
- OKLCH
- oklch(0.522 0.115 130)
- OKLab
- oklab(0.522 -0.074 0.088)
- CIE Lab
- lab(45.68 -23.09 37.76)
- LCH
- lch(45.68 44.26 121.4)
- CMYK
- cmyk(30% 0% 67% 54%)
Tintes · Sombras · Tonos
Tintes
- 63833F
- 739154
- 849E69
- 94AC7E
- A5B993
- B7C7A8
- C8D5BD
- DAE3D3
- EDF1E9
Sombras
- 476620
- 3B561A
- 304714
- 25380E
- 1B2908
- 111C04
- 080F02
- 020501
- 000100
Tonos
- 587733
- 5C783D
- 617A47
- 657B4F
- 6A7C58
- 6E7D60
- 737E68
- 777F70
- 7C7F78
Armonías de color
Complementario +180°
- 537627
Luscious Lemongrass
- 7E559A
≈ Royal Lilac
Análogo -30° +30°
- 537627
Luscious Lemongrass
- 786A00
≈ Arousing Alligator
- 0D7D52
≈ Salem
Triádico +120° +240°
- 537627
Luscious Lemongrass
- 2E6DA8
≈ In the Nick
- A04A5A
≈ Drisheen
Complementario dividido +150° +210°
- 537627
Luscious Lemongrass
- 5D60AA
≈ Blue Iris
- 944D7E
≈ Verve Violet
Tetrádico +90° +180° +270°
- 537627
Luscious Lemongrass
- 00758F
≈ Cleopatra
- 7E559A
≈ Royal Lilac
- 9F4F33
≈ Redridge Brown
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.26:1 · APCA Lc 76
Ag
FailSobre negro
WCAG 3.98:1 · APCA Lc 26
Mejor color de texto: #FFFFFF
WCAG 5.26:1 (AA) · APCA Lc 76
Contrast pairs
Fragmentos de código
CSS
:root {
--luscious-lemongrass: #537627;
--luscious-lemongrass-rgb: 83 118 39;
--luscious-lemongrass-oklch: oklch(0.522 0.115 130);
}
.element {
color: var(--luscious-lemongrass);
background-color: hsl(87 50% 31%);
border-color: oklch(0.522 0.115 130);
}Tailwind CSS v4
@theme {
--color-luscious-lemongrass: #537627;
--color-luscious-lemongrass-50: #e9fddb;
--color-luscious-lemongrass-100: #daf1c9;
--color-luscious-lemongrass-200: #c2dfad;
--color-luscious-lemongrass-300: #a2c487;
--color-luscious-lemongrass-400: #88ac62;
--color-luscious-lemongrass-500: #6d953d;
--color-luscious-lemongrass-600: #5c7e35;
--color-luscious-lemongrass-700: #49652a;
--color-luscious-lemongrass-800: #374a1b;
--color-luscious-lemongrass-900: #253311;
--color-luscious-lemongrass-950: #141f04;
}SCSS
$luscious-lemongrass: #537627;
$luscious-lemongrass-rgb: 83, 118, 39;
$luscious-lemongrass-light: mix(#fff, $luscious-lemongrass, 20%);
$luscious-lemongrass-dark: mix(#000, $luscious-lemongrass, 20%);
.element {
color: $luscious-lemongrass;
box-shadow: 0 0 0 2px rgba($luscious-lemongrass, 0.35);
}