Skip to the color picker

#87bd76 color: Baby Grass

#87bd76 is rgb(135, 189, 118) in RGB and oklch(74.306% 0.11354 138.419) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

106°
100%

74.3%
0.114
138°
  • Green
  • Light
  • Soft
  • Neutral
  • ≈ Pistachio
  • emerald-400
  • Black 26%

Inside sRGB: displays the same on any screen.

White text
2.19:1Hard to read
Lc -48
Black text
9.57:1Readable · AA
Lc 61

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 #87bd76

#87bd76 is a soft light green color. In OKLCH it has 74.3% lightness, 0.114 chroma and a hue of 138°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.19:1 contrast and black text 9.57:1, so black text reads better.

The closest named color is Baby Grass (#8abd7b). In Tailwind CSS the closest color is emerald-400.

More light green colors

Lighter: #87bd76 mixed with white

  1. 87bd76
  2. 93c484
  3. 9fca92
  4. abd19f
  5. b7d8ad
  6. c3deba
  7. cfe5c8
  8. dbebd6
  9. e7f2e3
  10. f3f8f1

Darker: #87bd76 mixed with black

  1. 87bd76
  2. 75a466
  3. 638c56
  4. 517447
  5. 415d38
  6. 314729
  7. 21331c
  8. 131f0f
  9. 060d05
  10. 010201

Calmer: #87bd76 with less saturation

  1. 87bd76
  2. 8bbb7c
  3. 8fba82
  4. 93b887
  5. 97b78d
  6. 9ab592
  7. 9eb397
  8. a1b19d
  9. a5afa2
  10. a8aea7

Similar named colors

Colors that go with #87bd76

Complementary
#87bd76#ca94da
Analogous
#87bd76#b2b157#57c39f
Triadic
#87bd76#7fadf3#eb8d90
Split
#87bd76#a9a0ef#e18db8

Questions about #87bd76

What color is #87bd76?

#87bd76 is soft light green. The closest named color is Baby Grass. In RGB it is rgb(135, 189, 118), in HSL hsl(105.63, 34.98%, 60.2%) and in OKLCH oklch(74.306% 0.11354 138.419).

What colors go well with #87bd76?

The complementary color of #87bd76 is #ca94da. For a calmer combination use the analogous colors #b2b157 and #57c39f. The triadic partners are #7fadf3 and #eb8d90.

Is white or black text more readable on #87bd76?

Black text reads better on #87bd76: white gives a contrast ratio of 2.19:1 and black gives 9.57:1. WCAG AA asks for at least 4.5:1 for body text.

Is #87bd76 a warm or cool color?

#87bd76 is a neutral color. In OKLCH its hue is 138 degrees, its lightness 74.3% and its chroma 0.114.