Skip to the color picker

#3fa563 color: Bouncy Ball Green

#3fa563 is rgb(63, 165, 99) in RGB and oklch(64.559% 0.13657 152.104) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

141°
100%

64.6%
0.137
152°
  • Green
  • Medium
  • Vivid
  • Cool
  • ≈ Jade
  • emerald-600
  • Black 35%

Inside sRGB: displays the same on any screen.

White text
3.10:1Hard to read
Lc -63
Black text
6.77:1Readable · AA
Lc 46

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

#3fa563 is a bright green color. In OKLCH it has 64.6% lightness, 0.137 chroma and a hue of 152°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.1:1 contrast and black text 6.77:1, so black text reads better.

The closest named color is Bouncy Ball Green (#49a462). In Tailwind CSS the closest color is emerald-600.

More medium green colors

Lighter: #3fa563 mixed with white

  1. 3fa563
  2. 57ae72
  3. 6cb781
  4. 7fc091
  5. 92c9a0
  6. a4d2b0
  7. b7dbbf
  8. c9e4cf
  9. dbeddf
  10. edf6ef

Darker: #3fa563 mixed with black

  1. 3fa563
  2. 358f55
  3. 2c7947
  4. 23653a
  5. 1b512e
  6. 123d21
  7. 0a2b16
  8. 041a0b
  9. 010a03
  10. 000100

Calmer: #3fa563 with less saturation

  1. 3fa563
  2. 4ba368
  3. 55a16c
  4. 5f9f71
  5. 679c75
  6. 6e9a7a
  7. 75987e
  8. 7c9582
  9. 829386
  10. 88908a

Questions about #3fa563

What color is #3fa563?

#3fa563 is bright green. The closest named color is Bouncy Ball Green. In RGB it is rgb(63, 165, 99), in HSL hsl(141.18, 44.74%, 44.71%) and in OKLCH oklch(64.559% 0.13657 152.104).

What colors go well with #3fa563?

The complementary color of #3fa563 is #bd6cb2. For a calmer combination use the analogous colors #809a2d and #00a894. The triadic partners are #7187e0 and #d46b57.

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

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

Is #3fa563 a warm or cool color?

#3fa563 is a cool color. In OKLCH its hue is 152 degrees, its lightness 64.6% and its chroma 0.137.