Skip to the color picker

#30cb97 color: Dark Shamrock

#30cb97 is rgb(48, 203, 151) in RGB and oklch(75.153% 0.14645 164.985) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

160°
100%

75.2%
0.146
165°
  • Emerald
  • Light
  • Vivid
  • Cool
  • ≈ Emerald
  • emerald-400
  • Black 20%

Inside sRGB: displays the same on any screen.

White text
2.08:1Hard to read
Lc -45
Black text
10.11: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 #30cb97

#30cb97 is a bright light emerald color. In OKLCH it has 75.2% lightness, 0.146 chroma and a hue of 165°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.08:1 contrast and black text 10.11:1, so black text reads better.

The closest named color is Dark Shamrock (#33cc99). In Tailwind CSS the closest color is emerald-400.

More light emerald colors

Lighter: #30cb97 mixed with white

  1. 30cb97
  2. 53d1a1
  3. 6cd6ab
  4. 82dbb6
  5. 96e1c0
  6. a9e6ca
  7. bbebd5
  8. ccf0df
  9. ddf5ea
  10. eefaf4

Darker: #30cb97 mixed with black

  1. 30cb97
  2. 28b083
  3. 21966f
  4. 1a7d5c
  5. 136549
  6. 0c4d37
  7. 063726
  8. 032217
  9. 010f08
  10. 000201

Calmer: #30cb97 with less saturation

  1. 30cb97
  2. 49c899
  3. 5bc69c
  4. 6ac39e
  5. 76c0a1
  6. 82bea3
  7. 8cbba5
  8. 95b8a7
  9. 9eb5aa
  10. a6b1ac

Similar named colors

Colors that go with #30cb97

Complementary
#30cb97#ef86c4
Analogous
#30cb97#85c35f#00cacb
Triadic
#30cb97#a6a0ff#f98e5b
Split
#30cb97#d190ee#fd8490

Questions about #30cb97

What color is #30cb97?

#30cb97 is bright light emerald. The closest named color is Dark Shamrock. In RGB it is rgb(48, 203, 151), in HSL hsl(159.87, 61.75%, 49.22%) and in OKLCH oklch(75.153% 0.14645 164.985).

What colors go well with #30cb97?

The complementary color of #30cb97 is #ef86c4. For a calmer combination use the analogous colors #85c35f and #00cacb. The triadic partners are #a6a0ff and #f98e5b.

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

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

Is #30cb97 a warm or cool color?

#30cb97 is a cool color. In OKLCH its hue is 165 degrees, its lightness 75.2% and its chroma 0.146.