#50bf93

Color #50bf93

A moderately saturated medium green.

Closest named color Medium Aquamarine #66cdaa · ΔE 8.07 Nearest Tailwind class emerald-500 #00bc7d · ΔE 5.2

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

Conversions

HEX

#50bf93

RGB

rgb(80, 191, 147)

HSL

hsl(156.2, 46.4%, 53.1%)

HSV / HSB

hsv(156.2, 58.1%, 74.9%)

CMYK

cmyk(58.1%, 0%, 23%, 25.1%)

LAB

lab(70.23, -42.16, 12.86)

LCH

lch(70.23, 44.08, 163.04)

OKLCH

oklch(72.8%, 0.1212, 164.24)

HWB

hwb(156.2, 31.4%, 25.1%)

Harmony colors

Complementary

#bf507c

Analogous

#50bf5b

#50bf93

#50b3bf

Triadic

#50bf93

#9350bf

#bf9350

Split-complementary

#50bf93

#bf50b3

#bf5b50

Tetradic

#50bf93

#507cbf

#bf507c

#bf9350

Square

#50bf93

#5b50bf

#bf507c

#b3bf50

Shades

Color #50bf93 mixed toward black.

#3ca57c

#308463

#24634a

#184231

#0c2119

Tints

Color #50bf93 mixed toward white.

#6dcaa5

#8ad4b7

#a7dfc9

#c5eadb

#e2f4ed

Tones

Color #50bf93 mixed toward gray.

#59b691

#62ac8f

#6ca38d

#759a8b

#7e9189

Accessibility

Aa White text on this color

2.28:1

Aa Black text on this color

9.21:1

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

Under color vision deficiencies

Protanopia

#8e8f9f · ΔE 29.9

Deuteranopia

#887fa2 · ΔE 36.7

Tritanopia

#5aa8aa · ΔE 16.5

Achromatopsia

#acacac · ΔE 24.3

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

Code

CSS

background-color: #50bf93;

Tailwind (arbitrary value)

bg-[#50bf93]

Related colors

Medium Spring Green #00fa9a

Medium Aquamarine #66cdaa

Aquamarine #7fffd4

Mint Cream #f5fffa

Spring Green #00ff7f

Medium Sea Green #3cb371

Frequently asked questions

#50bf93 (#50bf93) is rgb(80, 191, 147) in RGB.

No, #50bf93 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 #50bf93, or check how it holds up for accessibility.

Generate a palette → Check contrast