Skip to the color picker

#56cc88 color: Spring Bouquet

#56cc88 is rgb(86, 204, 136) in RGB and oklch(76.03% 0.14559 155.255) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

145°
100%

76%
0.146
155°
  • Emerald
  • Light
  • Vivid
  • Cool
  • ≈ Emerald
  • emerald-400
  • Black 20%

Inside sRGB: displays the same on any screen.

White text
2.02:1Hard to read
Lc -43
Black text
10.39:1Readable · AA
Lc 65

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 #56cc88

#56cc88 is a bright light emerald color. In OKLCH it has 76% lightness, 0.146 chroma and a hue of 155°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.02:1 contrast and black text 10.39:1, so black text reads better.

The closest named color is Spring Bouquet (#69cd7f). In Tailwind CSS the closest color is emerald-400.

More light emerald colors

Lighter: #56cc88 mixed with white

  1. 56cc88
  2. 6cd194
  3. 7fd7a0
  4. 91dcab
  5. a1e1b7
  6. b2e6c3
  7. c2ebcf
  8. d1f0db
  9. e1f5e7
  10. f0faf3

Darker: #56cc88 mixed with black

  1. 56cc88
  2. 4ab175
  3. 3e9763
  4. 327e52
  5. 276541
  6. 1c4e31
  7. 123722
  8. 082213
  9. 020f06
  10. 000201

Calmer: #56cc88 with less saturation

  1. 56cc88
  2. 64ca8c
  3. 6fc791
  4. 7ac595
  5. 83c299
  6. 8cbf9d
  7. 94bda1
  8. 9cbaa5
  9. a3b7a9
  10. aab4ad

Questions about #56cc88

What color is #56cc88?

#56cc88 is bright light emerald. The closest named color is Spring Bouquet. In RGB it is rgb(86, 204, 136), in HSL hsl(145.42, 53.64%, 56.86%) and in OKLCH oklch(76.03% 0.14559 155.255).

What colors go well with #56cc88?

The complementary color of #56cc88 is #e98cd5. For a calmer combination use the analogous colors #9cc151 and #00cebe. The triadic partners are #97a8ff and #ff8c6f.

Is white or black text more readable on #56cc88?

Black text reads better on #56cc88: white gives a contrast ratio of 2.02:1 and black gives 10.39:1. WCAG AA asks for at least 4.5:1 for body text.

Is #56cc88 a warm or cool color?

#56cc88 is a cool color. In OKLCH its hue is 155 degrees, its lightness 76% and its chroma 0.146.