Skip to the color picker

#31a166 color: Biel-Tan Green

#31a166 is rgb(49, 161, 102) in RGB and oklch(63.16% 0.13399 155.822) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

148°
100%

63.2%
0.134
156°
  • Emerald
  • Medium
  • Vivid
  • Cool
  • ≈ Jade
  • emerald-600
  • Black 37%

Inside sRGB: displays the same on any screen.

White text
3.27:1Hard to read
Lc -65
Black text
6.42:1Readable · AA
Lc 44

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 #31a166

#31a166 is a bright emerald color. In OKLCH it has 63.2% lightness, 0.134 chroma and a hue of 156°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.27:1 contrast and black text 6.42:1, so black text reads better.

The closest named color is Biel-Tan Green (#1ba169). In Tailwind CSS the closest color is emerald-600.

More medium emerald colors

Lighter: #31a166 mixed with white

  1. 31a166
  2. 4dab75
  3. 64b484
  4. 79bd92
  5. 8dc7a1
  6. a0d0b1
  7. b3dac0
  8. c6e3d0
  9. d9ecdf
  10. ecf6ef

Darker: #31a166 mixed with black

  1. 31a166
  2. 298b58
  3. 22764a
  4. 1a623c
  5. 134e2f
  6. 0c3c23
  7. 062a17
  8. 03190c
  9. 010904
  10. 000100

Calmer: #31a166 with less saturation

  1. 31a166
  2. 409f6a
  3. 4c9d6e
  4. 579b71
  5. 609875
  6. 689679
  7. 70947c
  8. 77917f
  9. 7d8f83
  10. 838c86

Questions about #31a166

What color is #31a166?

#31a166 is bright emerald. The closest named color is Biel-Tan Green. In RGB it is rgb(49, 161, 102), in HSL hsl(148.39, 53.33%, 41.18%) and in OKLCH oklch(63.16% 0.13399 155.822).

What colors go well with #31a166?

The complementary color of #31a166 is #bb68a8. For a calmer combination use the analogous colors #769732 and #00a295. The triadic partners are #7481da and #cd684e.

Is white or black text more readable on #31a166?

Black text reads better on #31a166: white gives a contrast ratio of 3.27:1 and black gives 6.42:1. WCAG AA asks for at least 4.5:1 for body text.

Is #31a166 a warm or cool color?

#31a166 is a cool color. In OKLCH its hue is 156 degrees, its lightness 63.2% and its chroma 0.134.