Skip to the color picker

#3fb776 color: Ceramic Green

#3fb776 is rgb(63, 183, 118) in RGB and oklch(69.625% 0.14361 155.679) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

148°
100%

69.6%
0.144
156°
  • Emerald
  • Medium
  • Vivid
  • Cool
  • ≈ Mint
  • emerald-500
  • Black 28%

Inside sRGB: displays the same on any screen.

White text
2.55:1Hard to read
Lc -55
Black text
8.25:1Readable · AA
Lc 54

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

#3fb776 is a bright emerald color. In OKLCH it has 69.6% lightness, 0.144 chroma and a hue of 156°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.55:1 contrast and black text 8.25:1, so black text reads better.

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

More medium emerald colors

Lighter: #3fb776 mixed with white

  1. 3fb776
  2. 59be83
  3. 6fc691
  4. 83cd9e
  5. 96d5ac
  6. a8dcb9
  7. bae3c7
  8. cbead5
  9. ddf1e3
  10. eef8f1

Darker: #3fb776 mixed with black

  1. 3fb776
  2. 359f66
  3. 2c8756
  4. 237047
  5. 1b5a38
  6. 124529
  7. 0a311c
  8. 041e0f
  9. 010c05
  10. 000201

Calmer: #3fb776 with less saturation

  1. 3fb776
  2. 4fb57a
  3. 5bb27e
  4. 66b083
  5. 70ae87
  6. 79ab8a
  7. 81a88e
  8. 89a692
  9. 90a396
  10. 97a099

Questions about #3fb776

What color is #3fb776?

#3fb776 is bright emerald. The closest named color is Ceramic Green. In RGB it is rgb(63, 183, 118), in HSL hsl(147.5, 48.78%, 48.24%) and in OKLCH oklch(69.625% 0.14361 155.679).

What colors go well with #3fb776?

The complementary color of #3fb776 is #d378bf. For a calmer combination use the analogous colors #88ac3e and #00b9aa. The triadic partners are #8594f5 and #e8795c.

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

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

Is #3fb776 a warm or cool color?

#3fb776 is a cool color. In OKLCH its hue is 156 degrees, its lightness 69.6% and its chroma 0.144.