Nearest named color · #4A8950
#4A8950
Nearest named color: Beanpole
#4A8950 (rgb(74 137 80), hsl(126 30% 41%), oklch(0.573 0.108 146.1)) is closest to the named color Beanpole. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#4A8950
oklch(0.573 0.108 146.1)
Color conversions
- HEX
- #4a8950
- RGB
- rgb(74 137 80)
- HSL
- hsl(126 30% 41%)
- HWB
- hwb(126 29% 46%)
- OKLCH
- oklch(0.573 0.108 146.1)
- OKLab
- oklab(0.573 -0.09 0.06)
- CIE Lab
- lab(51.77 -30.79 24.01)
- LCH
- lch(51.77 39.05 142)
- CMYK
- cmyk(46% 0% 42% 46%)
Tints · Shades · Tones
Tints
- 5C9561
- 6EA072
- 80AC83
- 92B794
- A4C3A5
- B6CFB7
- C8DBC8
- DAE7DA
- ECF3ED
Shades
- 3F7644
- 356439
- 2A532E
- 204224
- 17311A
- 0E2210
- 061407
- 020702
- 000100
Tones
- 518855
- 57885A
- 5D875F
- 628664
- 688569
- 6D846E
- 728372
- 778277
- 7B817C
Color harmonies
Complementary +180°
- 4A8950
Beanpole
- 99609A
≈ Heath Spotted Orchid
Analogous -30° +30°
- 4A8950
Beanpole
- 75802C
≈ Pacifika
- 008C76
≈ Emerald Enchantment
Triadic +120° +240°
- 4A8950
Beanpole
- 5A76B8
≈ Blue Android Base
- AF5D56
≈ Pottery Red
Split-complementary +150° +210°
- 4A8950
Beanpole
- 7E6AB0
≈ Clear Mauve
- AA5B7A
≈ Indian Pink
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 4.21:1 · APCA Lc 69
Ag
AAOn black
WCAG 4.98:1 · APCA Lc 33
Best text color: #000000
WCAG 4.98:1 (AA) · APCA Lc 33
Contrast pairs
Code snippets
CSS
:root {
--beanpole: #4a8950;
--beanpole-rgb: 74 137 80;
--beanpole-oklch: oklch(0.573 0.108 146.1);
}
.element {
color: var(--beanpole);
background-color: hsl(126 30% 41%);
border-color: oklch(0.573 0.108 146.1);
}Tailwind CSS v4
@theme {
--color-beanpole: #4a8950;
--color-beanpole-50: #e1fee4;
--color-beanpole-100: #d0f2d4;
--color-beanpole-200: #b6e2bb;
--color-beanpole-300: #91c798;
--color-beanpole-400: #73b077;
--color-beanpole-500: #529959;
--color-beanpole-600: #46814c;
--color-beanpole-700: #38683c;
--color-beanpole-800: #294c29;
--color-beanpole-900: #1c351c;
--color-beanpole-950: #0c200c;
}SCSS
$beanpole: #4a8950;
$beanpole-rgb: 74, 137, 80;
$beanpole-light: mix(#fff, $beanpole, 20%);
$beanpole-dark: mix(#000, $beanpole, 20%);
.element {
color: $beanpole;
box-shadow: 0 0 0 2px rgba($beanpole, 0.35);
}