Nearest named color · #4A7830
#4A7830
Nearest named color: Luscious Lemongrass
#4A7830 (rgb(74 120 48), hsl(98 43% 33%), oklch(0.522 0.115 135.7)) is closest to the named color Luscious Lemongrass. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#4A7830
oklch(0.522 0.115 135.7)
Color conversions
- HEX
- #4a7830
- RGB
- rgb(74 120 48)
- HSL
- hsl(98 43% 33%)
- HWB
- hwb(98 19% 53%)
- OKLCH
- oklch(0.522 0.115 135.7)
- OKLab
- oklab(0.522 -0.082 0.08)
- CIE Lab
- lab(45.86 -26.81 33.56)
- LCH
- lch(45.86 42.95 128.6)
- CMYK
- cmyk(38% 0% 60% 53%)
Tints · Shades · Tones
Tints
- 5B8545
- 6C925A
- 7E9F6E
- 90AD82
- A2BA96
- B4C8AB
- C6D5BF
- D9E3D4
- ECF1E9
Shades
- 3F6728
- 355721
- 2A481A
- 203913
- 172A0C
- 0E1D06
- 061003
- 020501
- 000100
Tones
- 50793A
- 567A43
- 5B7B4B
- 617C53
- 667D5B
- 6B7E63
- 707E6A
- 767F71
- 7B7F79
Color harmonies
Complementary +180°
- 4A7830
Luscious Lemongrass
- 835396
≈ Royal Lilac
Analogous -30° +30°
- 4A7830
Luscious Lemongrass
- 736D00
≈ Worn Olive
- 007D5B
≈ Sharp Green
Triadic +120° +240°
- 4A7830
Luscious Lemongrass
- 396AAA
≈ Waterline Blue
- A14A53
≈ Black Pudding
Split-complementary +150° +210°
- 4A7830
Luscious Lemongrass
- 655EA8
≈ Giant Onion
- 974C78
≈ Sugar Plum
Tetradic +90° +180° +270°
- 4A7830
Luscious Lemongrass
- 007595
≈ Enchanted Blue
- 835396
≈ Royal Lilac
- 9E512B
≈ Texas Ranger Brown
Contrast & accessibility
Ag
AAOn white
WCAG 5.22:1 · APCA Lc 76
Ag
FailOn black
WCAG 4.02:1 · APCA Lc 26
Best text color: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--luscious-lemongrass: #4a7830;
--luscious-lemongrass-rgb: 74 120 48;
--luscious-lemongrass-oklch: oklch(0.522 0.115 135.7);
}
.element {
color: var(--luscious-lemongrass);
background-color: hsl(98 43% 33%);
border-color: oklch(0.522 0.115 135.7);
}Tailwind CSS v4
@theme {
--color-luscious-lemongrass: #4a7830;
--color-luscious-lemongrass-50: #e6fede;
--color-luscious-lemongrass-100: #d6f2cc;
--color-luscious-lemongrass-200: #bde0b1;
--color-luscious-lemongrass-300: #9bc68c;
--color-luscious-lemongrass-400: #80ae68;
--color-luscious-lemongrass-500: #629746;
--color-luscious-lemongrass-600: #54803c;
--color-luscious-lemongrass-700: #436630;
--color-luscious-lemongrass-800: #324b1f;
--color-luscious-lemongrass-900: #223415;
--color-luscious-lemongrass-950: #111f06;
}SCSS
$luscious-lemongrass: #4a7830;
$luscious-lemongrass-rgb: 74, 120, 48;
$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);
}