Skip to the color picker

#77ae68 color: Alfalfa Bug

#77ae68 is rgb(119, 174, 104) in RGB and oklch(69.503% 0.11427 139.123) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

107°
100%

69.5%
0.114
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.04: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 #77ae68

#77ae68 is a soft green color. In OKLCH it has 69.5% lightness, 0.114 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.04: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: #77ae68 mixed with white

  1. 77ae68
  2. 85b677
  3. 92be86
  4. 9fc695
  5. adcea4
  6. bad7b3
  7. c8dfc2
  8. d6e7d1
  9. e3efe0
  10. f1f7f0

Darker: #77ae68 mixed with black

  1. 77ae68
  2. 679759
  3. 57804b
  4. 476a3e
  5. 385530
  6. 2a4124
  7. 1c2e18
  8. 101c0c
  9. 050b04
  10. 010100

Calmer: #77ae68 with less saturation

  1. 77ae68
  2. 7bac6e
  3. 7fab74
  4. 83a979
  5. 87a87f
  6. 8ba684
  7. 8fa489
  8. 92a28e
  9. 96a193
  10. 999f98

Similar named colors

Colors that go with #77ae68

Complementary
#77ae68#bc85ca
Analogous
#77ae68#a2a347#43b491
Triadic
#77ae68#719ee3#db7f80
Split
#77ae68#9b90df#d17ea8

Questions about #77ae68

What color is #77ae68?

#77ae68 is soft green. The closest named color is Alfalfa Bug. In RGB it is rgb(119, 174, 104), in HSL hsl(107.14, 30.17%, 54.51%) and in OKLCH oklch(69.503% 0.11427 139.123).

What colors go well with #77ae68?

The complementary color of #77ae68 is #bc85ca. For a calmer combination use the analogous colors #a2a347 and #43b491. The triadic partners are #719ee3 and #db7f80.

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

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

Is #77ae68 a warm or cool color?

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