Skip to the color picker

#3abe6a color: Times Square Screens

#3abe6a is rgb(58, 190, 106) in RGB and oklch(71.079% 0.16603 151.373) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

142°
100%

71.1%
0.166
151°
  • Green
  • Light
  • Vivid
  • Cool
  • ≈ Emerald
  • emerald-500
  • Black 25%

Inside sRGB: displays the same on any screen.

White text
2.40:1Hard to read
Lc -52
Black text
8.75:1Readable · AA
Lc 57

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

#3abe6a is a bright light green color. In OKLCH it has 71.1% lightness, 0.166 chroma and a hue of 151°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.4:1 contrast and black text 8.75:1, so black text reads better.

The closest named color is Times Square Screens (#20c073). In Tailwind CSS the closest color is emerald-500.

More light green colors

Lighter: #3abe6a mixed with white

  1. 3abe6a
  2. 56c579
  3. 6dcc88
  4. 82d297
  5. 95d9a6
  6. a8e0b4
  7. bae6c3
  8. cbecd2
  9. ddf3e1
  10. eef9f0

Darker: #3abe6a mixed with black

  1. 3abe6a
  2. 31a55b
  3. 288c4d
  4. 20753f
  5. 185e31
  6. 104824
  7. 093318
  8. 041f0d
  9. 010d04
  10. 000200

Calmer: #3abe6a with less saturation

  1. 3abe6a
  2. 4cbc70
  3. 5ab977
  4. 66b67c
  5. 71b482
  6. 7bb188
  7. 83ae8d
  8. 8cab92
  9. 93a897
  10. 9ba59d

Questions about #3abe6a

What color is #3abe6a?

#3abe6a is bright light green. The closest named color is Times Square Screens. In RGB it is rgb(58, 190, 106), in HSL hsl(141.82, 53.23%, 48.63%) and in OKLCH oklch(71.079% 0.16603 151.373).

What colors go well with #3abe6a?

The complementary color of #3abe6a is #db77d0. For a calmer combination use the analogous colors #92b016 and #00bfa8. The triadic partners are #7d98ff and #f8745e.

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

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

Is #3abe6a a warm or cool color?

#3abe6a is a cool color. In OKLCH its hue is 151 degrees, its lightness 71.1% and its chroma 0.166.