Nearest named color · #49782A
#49782A
Nearest named color: Luscious Lemongrass
#49782A (rgb(73 120 42), hsl(96 48% 32%), oklch(0.521 0.121 135)) is closest to the named color Luscious Lemongrass. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#49782A
oklch(0.521 0.121 135)
Color conversions
- HEX
- #49782a
- RGB
- rgb(73 120 42)
- HSL
- hsl(96 48% 32%)
- HWB
- hwb(96 16% 53%)
- OKLCH
- oklch(0.521 0.121 135)
- OKLab
- oklab(0.521 -0.085 0.085)
- CIE Lab
- lab(45.75 -27.64 36.26)
- LCH
- lch(45.75 45.6 127.3)
- CMYK
- cmyk(39% 0% 65% 53%)
Tints · Shades · Tones
Tints
- 5A8541
- 6C9256
- 7DA06B
- 8FAD7F
- A1BA94
- B3C8A9
- C6D6BE
- D9E3D3
- ECF1E9
Shades
- 3E6723
- 34571C
- 2A4816
- 203910
- 172A0A
- 0E1D05
- 061002
- 020501
- 000100
Tones
- 4F7935
- 557A3F
- 5A7B48
- 607C51
- 657D59
- 6B7E61
- 707E69
- 757F71
- 7B8078
Color harmonies
Complementary +180°
- 49782A
Luscious Lemongrass
- 835198
≈ Royal Lilac
Analogous -30° +30°
- 49782A
Luscious Lemongrass
- 736C00
≈ Worn Olive
- 007D59
≈ Sharp Green
Triadic +120° +240°
- 49782A
Luscious Lemongrass
- 346AAD
≈ Dover Straits
- A34853
≈ Black Pudding
Split-complementary +150° +210°
- 49782A
Luscious Lemongrass
- 635DAB
≈ Blue Marguerite
- 984979
≈ Orchid Lei
Tetradic +90° +180° +270°
- 49782A
Luscious Lemongrass
- 007494
≈ Enchanted Blue
- 835198
≈ Royal Lilac
- A04F27
≈ Hamburger
Contrast & accessibility
Ag
AAOn white
WCAG 5.24:1 · APCA Lc 76
Ag
FailOn black
WCAG 4.00:1 · APCA Lc 26
Best text color: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--luscious-lemongrass: #49782a;
--luscious-lemongrass-rgb: 73 120 42;
--luscious-lemongrass-oklch: oklch(0.521 0.121 135);
}
.element {
color: var(--luscious-lemongrass);
background-color: hsl(96 48% 32%);
border-color: oklch(0.521 0.121 135);
}Tailwind CSS v4
@theme {
--color-luscious-lemongrass: #49782a;
--color-luscious-lemongrass-50: #e5fedc;
--color-luscious-lemongrass-100: #d6f2cb;
--color-luscious-lemongrass-200: #bce1ae;
--color-luscious-lemongrass-300: #9ac689;
--color-luscious-lemongrass-400: #7fae64;
--color-luscious-lemongrass-500: #629740;
--color-luscious-lemongrass-600: #538037;
--color-luscious-lemongrass-700: #42672c;
--color-luscious-lemongrass-800: #314b1c;
--color-luscious-lemongrass-900: #213412;
--color-luscious-lemongrass-950: #111f05;
}SCSS
$luscious-lemongrass: #49782a;
$luscious-lemongrass-rgb: 73, 120, 42;
$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);
}