Skip to the color picker

#76ae66 color: Alfalfa Bug

#76ae66 is rgb(118, 174, 102) in RGB and oklch(69.408% 0.11698 138.927) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

107°
100%

69.4%
0.117
139°
  • Green
  • Medium
  • Soft
  • Neutral
  • ≈ Mint
  • emerald-500
  • Black 32%

Inside sRGB: displays the same on any screen.

White text
2.62:1Hard to read
Lc -56
Black text
8.02:1Readable · AA
Lc 53

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Open as palette

Recent

Colors you stop on or copy appear here. They stay on this device.

About #76ae66

#76ae66 is a soft green color. In OKLCH it has 69.4% lightness, 0.117 chroma and a hue of 139°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.62:1 contrast and black text 8.02:1, so black text reads better.

The closest named color is Alfalfa Bug (#78ad6d). In Tailwind CSS the closest color is emerald-500.

More medium green colors

Lighter: #76ae66 mixed with white

  1. 76ae66
  2. 84b675
  3. 91be85
  4. 9fc694
  5. accfa3
  6. bad7b2
  7. c8dfc1
  8. d5e7d1
  9. e3efe0
  10. f1f7ef

Darker: #76ae66 mixed with black

  1. 76ae66
  2. 669758
  3. 56804a
  4. 476a3c
  5. 38552f
  6. 294123
  7. 1c2e17
  8. 0f1c0c
  9. 050b04
  10. 010100

Calmer: #76ae66 with less saturation

  1. 76ae66
  2. 7aac6c
  3. 7fab72
  4. 83a978
  5. 87a87e
  6. 8aa683
  7. 8ea488
  8. 92a28d
  9. 95a092
  10. 999e97

Similar named colors

Colors that go with #76ae66

Complementary
#76ae66#bc84cb
Analogous
#76ae66#a3a244#40b490
Triadic
#76ae66#6f9de5#dc7d80
Split
#76ae66#9a90e1#d27da8

Questions about #76ae66

What color is #76ae66?

#76ae66 is soft green. The closest named color is Alfalfa Bug. In RGB it is rgb(118, 174, 102), in HSL hsl(106.67, 30.77%, 54.12%) and in OKLCH oklch(69.408% 0.11698 138.927).

What colors go well with #76ae66?

The complementary color of #76ae66 is #bc84cb. For a calmer combination use the analogous colors #a3a244 and #40b490. The triadic partners are #6f9de5 and #dc7d80.

Is white or black text more readable on #76ae66?

Black text reads better on #76ae66: white gives a contrast ratio of 2.62:1 and black gives 8.02:1. WCAG AA asks for at least 4.5:1 for body text.

Is #76ae66 a warm or cool color?

#76ae66 is a neutral color. In OKLCH its hue is 139 degrees, its lightness 69.4% and its chroma 0.117.