Skip to the color picker

#5bc693 color: Enamelled Dragon

#5bc693 is rgb(91, 198, 147) in RGB and oklch(74.963% 0.12482 160.43) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

151°
100%

75%
0.125
160°
  • Emerald
  • Light
  • Vivid
  • Cool
  • ≈ Emerald
  • emerald-400
  • Black 22%

Inside sRGB: displays the same on any screen.

White text
2.11:1Hard to read
Lc -46
Black text
9.94:1Readable · AA
Lc 63

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 #5bc693

#5bc693 is a bright light emerald color. In OKLCH it has 75% lightness, 0.125 chroma and a hue of 160°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.11:1 contrast and black text 9.94:1, so black text reads better.

The closest named color is Enamelled Dragon (#54c589). In Tailwind CSS the closest color is emerald-400.

More light emerald colors

Lighter: #5bc693 mixed with white

  1. 5bc693
  2. 6fcc9e
  3. 81d2a8
  4. 92d8b3
  5. a3ddbd
  6. b3e3c8
  7. c2e9d3
  8. d2eede
  9. e1f4e9
  10. f0faf4

Darker: #5bc693 mixed with black

  1. 5bc693
  2. 4eac7f
  3. 41926c
  4. 357a59
  5. 296247
  6. 1e4b36
  7. 133525
  8. 092116
  9. 030e08
  10. 000201

Calmer: #5bc693 with less saturation

  1. 5bc693
  2. 67c496
  3. 71c299
  4. 7bbf9b
  5. 83bd9e
  6. 8bbba1
  7. 93b8a3
  8. 9ab6a6
  9. a1b3a9
  10. a7b0ab

Similar named colors

Colors that go with #5bc693

Complementary
#5bc693#e38dc6
Analogous
#5bc693#93be67#1fc7c0
Triadic
#5bc693#9fa4fb#f0916f
Split
#5bc693#c797e8#f18b9b

Questions about #5bc693

What color is #5bc693?

#5bc693 is bright light emerald. The closest named color is Enamelled Dragon. In RGB it is rgb(91, 198, 147), in HSL hsl(151.4, 48.42%, 56.67%) and in OKLCH oklch(74.963% 0.12482 160.43).

What colors go well with #5bc693?

The complementary color of #5bc693 is #e38dc6. For a calmer combination use the analogous colors #93be67 and #1fc7c0. The triadic partners are #9fa4fb and #f0916f.

Is white or black text more readable on #5bc693?

Black text reads better on #5bc693: white gives a contrast ratio of 2.11:1 and black gives 9.94:1. WCAG AA asks for at least 4.5:1 for body text.

Is #5bc693 a warm or cool color?

#5bc693 is a cool color. In OKLCH its hue is 160 degrees, its lightness 75% and its chroma 0.125.