Skip to the color picker

#2aa366 color: Biel-Tan Green

#2aa366 is rgb(42, 163, 102) in RGB and oklch(63.529% 0.13919 156.086) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

150°
100%

63.5%
0.139
156°
  • Emerald
  • Medium
  • Vivid
  • Cool
  • ≈ Jade
  • emerald-600
  • Black 36%

Inside sRGB: displays the same on any screen.

White text
3.22:1Hard to read
Lc -64
Black text
6.53:1Readable · AA
Lc 45

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 #2aa366

#2aa366 is a bright emerald color. In OKLCH it has 63.5% lightness, 0.139 chroma and a hue of 156°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.22:1 contrast and black text 6.53: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: #2aa366 mixed with white

  1. 2aa366
  2. 49ac75
  3. 61b684
  4. 77bf93
  5. 8bc8a2
  6. 9fd1b1
  7. b3dbc0
  8. c6e4d0
  9. d9eddf
  10. ecf6ef

Darker: #2aa366 mixed with black

  1. 2aa366
  2. 238d58
  3. 1c784a
  4. 16633c
  5. 104f2f
  6. 0a3c23
  7. 052a17
  8. 02190c
  9. 010a04
  10. 000100

Calmer: #2aa366 with less saturation

  1. 2aa366
  2. 3ca16a
  3. 4a9f6e
  4. 559c72
  5. 5f9a75
  6. 679879
  7. 6f957d
  8. 779380
  9. 7e9084
  10. 848d87

Questions about #2aa366

What color is #2aa366?

#2aa366 is bright emerald. The closest named color is Biel-Tan Green. In RGB it is rgb(42, 163, 102), in HSL hsl(149.75, 59.02%, 40.2%) and in OKLCH oklch(63.529% 0.13919 156.086).

What colors go well with #2aa366?

The complementary color of #2aa366 is #be67aa. For a calmer combination use the analogous colors #76992e and #00a397. The triadic partners are #7581de and #d1684c.

Is white or black text more readable on #2aa366?

Black text reads better on #2aa366: white gives a contrast ratio of 3.22:1 and black gives 6.53:1. WCAG AA asks for at least 4.5:1 for body text.

Is #2aa366 a warm or cool color?

#2aa366 is a cool color. In OKLCH its hue is 156 degrees, its lightness 63.5% and its chroma 0.139.