Skip to the color picker

#3bcb83 color: Magical Malachite

#3bcb83 is rgb(59, 203, 131) in RGB and oklch(74.923% 0.15992 156.638) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

150°
100%

74.9%
0.160
157°
  • Emerald
  • Light
  • Vivid
  • Cool
  • ≈ Emerald
  • emerald-400
  • Black 20%

Inside sRGB: displays the same on any screen.

White text
2.09:1Hard to read
Lc -45
Black text
10.06:1Readable · AA
Lc 64

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

#3bcb83 is a bright light emerald color. In OKLCH it has 74.9% lightness, 0.16 chroma and a hue of 157°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.09:1 contrast and black text 10.06:1, so black text reads better.

The closest named color is Magical Malachite (#22cc88). In Tailwind CSS the closest color is emerald-400.

More light emerald colors

Lighter: #3bcb83 mixed with white

  1. 3bcb83
  2. 59d18f
  3. 70d69c
  4. 85dca8
  5. 98e1b4
  6. abe6c1
  7. bcebcd
  8. cdf0d9
  9. def5e6
  10. effaf2

Darker: #3bcb83 mixed with black

  1. 3bcb83
  2. 32b071
  3. 299660
  4. 217d4f
  5. 19653f
  6. 114d2f
  7. 093720
  8. 042212
  9. 010f06
  10. 000201

Calmer: #3bcb83 with less saturation

  1. 3bcb83
  2. 50c888
  3. 60c68c
  4. 6dc391
  5. 79c095
  6. 83bd99
  7. 8dba9d
  8. 96b7a2
  9. 9eb4a6
  10. a6b1aa

Questions about #3bcb83

What color is #3bcb83?

#3bcb83 is bright light emerald. The closest named color is Magical Malachite. In RGB it is rgb(59, 203, 131), in HSL hsl(150, 58.06%, 51.37%) and in OKLCH oklch(74.923% 0.15992 156.638).

What colors go well with #3bcb83?

The complementary color of #3bcb83 is #ec83d3. For a calmer combination use the analogous colors #93bf42 and #00cbbd. The triadic partners are #96a3ff and #ff8561.

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

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

Is #3bcb83 a warm or cool color?

#3bcb83 is a cool color. In OKLCH its hue is 157 degrees, its lightness 74.9% and its chroma 0.16.