#5bdf47

Color #5bdf47

A vivid, highly saturated medium green.

Closest named color Lime Green #32cd32 · ΔE 7.61 Nearest Tailwind class green-400 #05df72 · ΔE 7.2

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#5bdf47

RGB

rgb(91, 223, 71)

HSL

hsl(112.1, 70.4%, 57.6%)

HSV / HSB

hsv(112.1, 68.2%, 87.5%)

CMYK

cmyk(59.2%, 0%, 68.2%, 12.5%)

LAB

lab(79.3, -63.53, 61.05)

LCH

lch(79.3, 88.11, 136.14)

OKLCH

oklch(80.1%, 0.2228, 141.18)

HWB

hwb(112.1, 27.8%, 12.5%)

Harmony colors

Complementary

#cb47df

Analogous

#a7df47

#5bdf47

#47df7f

Triadic

#5bdf47

#475bdf

#df475b

Split-complementary

#5bdf47

#7f47df

#df47a7

Tetradic

#5bdf47

#47dfcb

#cb47df

#df475b

Square

#5bdf47

#47a7df

#cb47df

#df7f47

Shades

Color #5bdf47 mixed toward black.

#3bd124

#2fa71d

#237d16

#18530e

#0c2a07

Tints

Color #5bdf47 mixed toward white.

#76e465

#92ea84

#adefa3

#c8f4c2

#e4fae0

Tones

Color #5bdf47 mixed toward gray.

#64d253

#6dc660

#77b96d

#80ac7a

#8aa086

Accessibility

Aa White text on this color

1.74:1

Aa Black text on this color

12.09:1

Black text reads better on this background (12.09:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#a6a783 · ΔE 24

Deuteranopia

#9e948d · ΔE 34.4

Tritanopia

#67a1a6 · ΔE 34.7

Achromatopsia

#c4c4c4 · ΔE 29.6

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #5bdf47;

Tailwind (arbitrary value)

bg-[#5bdf47]

Related colors

Forest Green #228b22

Mint Green #98ff98

Dark Green #006400

Dark Sea Green #8fbc8f

Green #008000

Honeydew #f0fff0

Frequently asked questions

#5bdf47 (#5bdf47) is rgb(91, 223, 71) in RGB.

No, #5bdf47 is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #5bdf47, or check how it holds up for accessibility.

Generate a palette → Check contrast