#40a76f color: Beanstalk
#40a76f is rgb(64, 167, 111) in RGB and oklch(65.362% 0.12747 156.232) in OKLCH. Every other format, shade and contrast value is below.
Read as HEX
- Ctrl Vpaste a color anywhere
- Spacerandom color
- Ccopy HEX
- Emerald
- Medium
- Vivid
- Cool
- ≈ Jade
- emerald-500
- Black 35%
Inside sRGB: displays the same on any screen.
Shades
From lightest to darkest. Click a shade to use it.
Harmonies
Open as paletteRecent
Colors you stop on or copy appear here. They stay on this device.
About #40a76f
#40a76f is a bright emerald color. In OKLCH it has 65.4% lightness, 0.127 chroma and a hue of 156°.
Inside sRGB: displays the same on any screen.
White text on it reaches 3.01:1 contrast and black text 6.98:1, so black text reads better.
The closest named color is Beanstalk (#31aa74). In Tailwind CSS the closest color is emerald-500.
Lighter: #40a76f mixed with white
Darker: #40a76f mixed with black
Calmer: #40a76f with less saturation
Similar named colors
Colors that go with #40a76f
Questions about #40a76f
What color is #40a76f?
#40a76f is bright emerald. The closest named color is Beanstalk. In RGB it is rgb(64, 167, 111), in HSL hsl(147.38, 44.59%, 45.29%) and in OKLCH oklch(65.362% 0.12747 156.232).
What colors go well with #40a76f?
The complementary color of #40a76f is #c070ad. For a calmer combination use the analogous colors #7c9e40 and #00a99c. The triadic partners are #7c88dd and #d27157.
Is white or black text more readable on #40a76f?
Black text reads better on #40a76f: white gives a contrast ratio of 3.01:1 and black gives 6.98:1. WCAG AA asks for at least 4.5:1 for body text.
Is #40a76f a warm or cool color?
#40a76f is a cool color. In OKLCH its hue is 156 degrees, its lightness 65.4% and its chroma 0.127.