Skip to the color picker

#77ae66 color: Alfalfa Bug

#77ae66 is rgb(119, 174, 102) in RGB and oklch(69.467% 0.11641 138.56) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

106°
100%

69.5%
0.116
139°
  • Green
  • Medium
  • Soft
  • Neutral
  • ≈ Mint
  • emerald-500
  • Black 32%

Inside sRGB: displays the same on any screen.

White text
2.61:1Hard to read
Lc -56
Black text
8.03: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 #77ae66

#77ae66 is a soft green color. In OKLCH it has 69.5% lightness, 0.116 chroma and a hue of 139°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.61:1 contrast and black text 8.03: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: #77ae66 mixed with white

  1. 77ae66
  2. 85b675
  3. 92be85
  4. 9fc694
  5. adcea3
  6. bad7b2
  7. c8dfc1
  8. d6e7d1
  9. e3efe0
  10. f1f7ef

Darker: #77ae66 mixed with black

  1. 77ae66
  2. 679758
  3. 57804a
  4. 476a3c
  5. 38552f
  6. 2a4123
  7. 1c2e17
  8. 101c0c
  9. 050b04
  10. 010100

Calmer: #77ae66 with less saturation

  1. 77ae66
  2. 7bac6c
  3. 7fab72
  4. 83a978
  5. 87a87e
  6. 8ba683
  7. 8fa488
  8. 92a28e
  9. 96a093
  10. 999f98

Similar named colors

Colors that go with #77ae66

Complementary
#77ae66#bb85cb
Analogous
#77ae66#a3a244#41b490
Triadic
#77ae66#6f9ee5#db7e81
Split
#77ae66#9a90e1#d27ea9

Questions about #77ae66

What color is #77ae66?

#77ae66 is soft green. The closest named color is Alfalfa Bug. In RGB it is rgb(119, 174, 102), in HSL hsl(105.83, 30.77%, 54.12%) and in OKLCH oklch(69.467% 0.11641 138.56).

What colors go well with #77ae66?

The complementary color of #77ae66 is #bb85cb. For a calmer combination use the analogous colors #a3a244 and #41b490. The triadic partners are #6f9ee5 and #db7e81.

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

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

Is #77ae66 a warm or cool color?

#77ae66 is a neutral color. In OKLCH its hue is 139 degrees, its lightness 69.5% and its chroma 0.116.