Skip to the color picker

#3aa670 color: Garden Medley

#3aa670 is rgb(58, 166, 112) in RGB and oklch(64.94% 0.12788 157.739) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

150°
100%

64.9%
0.128
158°
  • Emerald
  • Medium
  • Vivid
  • Cool
  • ≈ Jade
  • emerald-600
  • Black 35%

Inside sRGB: displays the same on any screen.

White text
3.06:1Hard to read
Lc -62
Black text
6.87:1Readable · AA
Lc 47

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 #3aa670

#3aa670 is a bright emerald color. In OKLCH it has 64.9% lightness, 0.128 chroma and a hue of 158°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.06:1 contrast and black text 6.87:1, so black text reads better.

The closest named color is Garden Medley (#28a873). In Tailwind CSS the closest color is emerald-600.

More medium emerald colors

Lighter: #3aa670 mixed with white

  1. 3aa670
  2. 54af7e
  3. 69b88c
  4. 7dc199
  5. 91caa8
  6. a4d3b6
  7. b6dcc4
  8. c8e5d3
  9. dbede1
  10. edf6f0

Darker: #3aa670 mixed with black

  1. 3aa670
  2. 319060
  3. 287a51
  4. 206543
  5. 185135
  6. 103e27
  7. 092b1a
  8. 041a0e
  9. 010a04
  10. 000101

Calmer: #3aa670 with less saturation

  1. 3aa670
  2. 48a473
  3. 53a277
  4. 5da07a
  5. 669d7d
  6. 6e9b80
  7. 759983
  8. 7c9686
  9. 839489
  10. 89918c

Questions about #3aa670

What color is #3aa670?

#3aa670 is bright emerald. The closest named color is Garden Medley. In RGB it is rgb(58, 166, 112), in HSL hsl(150, 48.21%, 43.92%) and in OKLCH oklch(64.94% 0.12788 157.739).

What colors go well with #3aa670?

The complementary color of #3aa670 is #c06eaa. For a calmer combination use the analogous colors #799d41 and #00a79d. The triadic partners are #7d86dc and #d07153.

Is white or black text more readable on #3aa670?

Black text reads better on #3aa670: white gives a contrast ratio of 3.06:1 and black gives 6.87:1. WCAG AA asks for at least 4.5:1 for body text.

Is #3aa670 a warm or cool color?

#3aa670 is a cool color. In OKLCH its hue is 158 degrees, its lightness 64.9% and its chroma 0.128.