Skip to the color picker

#30ba78 color: Ceramic Green

#30ba78 is rgb(48, 186, 120) in RGB and oklch(70.085% 0.15123 157.203) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

151°
100%

70.1%
0.151
157°
  • Emerald
  • Light
  • Vivid
  • Cool
  • ≈ Mint
  • emerald-500
  • Black 27%

Inside sRGB: displays the same on any screen.

White text
2.49:1Hard to read
Lc -54
Black text
8.42:1Readable · AA
Lc 55

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 #30ba78

#30ba78 is a bright light emerald color. In OKLCH it has 70.1% lightness, 0.151 chroma and a hue of 157°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.49:1 contrast and black text 8.42:1, so black text reads better.

The closest named color is Ceramic Green (#3bb773). In Tailwind CSS the closest color is emerald-500.

More light emerald colors

Lighter: #30ba78 mixed with white

  1. 30ba78
  2. 50c185
  3. 68c892
  4. 7ecfa0
  5. 92d6ad
  6. a5ddbb
  7. b8e4c8
  8. caebd6
  9. dcf2e3
  10. edf8f1

Darker: #30ba78 mixed with black

  1. 30ba78
  2. 28a167
  3. 218957
  4. 1a7248
  5. 135c39
  6. 0c462a
  7. 06321d
  8. 031e10
  9. 010d05
  10. 000201

Calmer: #30ba78 with less saturation

  1. 30ba78
  2. 45b87c
  3. 55b580
  4. 61b384
  5. 6db088
  6. 77ad8c
  7. 80aa90
  8. 88a894
  9. 90a597
  10. 97a29b

Similar named colors

Colors that go with #30ba78

Complementary
#30ba78#d977c0
Analogous
#30ba78#85af3b#00baae
Triadic
#30ba78#8893fb#ec7957
Split
#30ba78#b883e7#eb728e

Questions about #30ba78

What color is #30ba78?

#30ba78 is bright light emerald. The closest named color is Ceramic Green. In RGB it is rgb(48, 186, 120), in HSL hsl(151.3, 58.97%, 45.88%) and in OKLCH oklch(70.085% 0.15123 157.203).

What colors go well with #30ba78?

The complementary color of #30ba78 is #d977c0. For a calmer combination use the analogous colors #85af3b and #00baae. The triadic partners are #8893fb and #ec7957.

Is white or black text more readable on #30ba78?

Black text reads better on #30ba78: white gives a contrast ratio of 2.49:1 and black gives 8.42:1. WCAG AA asks for at least 4.5:1 for body text.

Is #30ba78 a warm or cool color?

#30ba78 is a cool color. In OKLCH its hue is 157 degrees, its lightness 70.1% and its chroma 0.151.