Emerald color: hex codes, shades and palettes

Palettes built around emerald. Click any swatch to copy its hex code.

Emerald is #50C878 — green. Below are its shades with hex codes, the values in every common format, and emerald color palettes to copy.

#AEBE61

#009AC2

#FF92A6

#75CE61

#9EDF69

#3BF289

#B7C5FF

#FF4A9F

#BC704E

#9B6F4E

#644721

#9B7B32

#4A9A6C

#00503E

#B47CA4

#C966A2

#9E8F00

#7B8748

#789C68

#2C834F

#C39E55

#A08400

#6F6F00

#47571C

#82E8EA

#B4C2FF

#FFA9B2

#B8C85C

#FFA55E

#76DB75

#55B8FF

#CD5BAF

#E5BD00

#57E1F6

#DD6BAC

#BFD076

#66CF85

#7CBB9A

#B4B0EC

#FFBAC4

#A1C689

#1F8338

#78D0AC

#23C1BA

#ACAA6F

#A3B78B

#88B48E

#38735F

#C3E979

#5ED943

#E1A8FF

#EE91F1

#AC917F

#C5B08E

#A49965

#98A475

#C3DCB5

#B5E3BD

#A3A4CB

#FFC7EB

#FFC6AF

#6AB340

#3AAED0

#C37DD9

#4D5100

#4387B0

#A96388

#5F7428

#F6EBD4

#E9E5D2

#DEDED0

#D5D8C8

#C6AB39

#A8B36C

#62BCFF

#785DAD

#CC97F0

#C88AC3

#8EAB64

#B8D6B2

#3F3900

#5E7000

#7FA860

#C0D8BA

#B6C3FF

#CFCAFF

#E18300

#87E83F

#F4968B

#7CAF63

#9B9DE1

#D98A56

#BCD5C4

#7EA89D

#8CB2B0

#4DAAB9

Emerald hex, RGB, HSL and OKLCH

#50C878

HEX: #50C878
RGB: rgb(80, 200, 120)
HSL: hsl(140, 52%, 55%)
OKLCH: oklch(74.5% 0.158 151.5)
On white: 2.13:1
On black: 9.87:1

Shades of emerald

Eleven steps from one base color, generated in OKLCH so each step is an equal perceived step rather than an equal numeric one. Click a swatch to copy it.

Contrast and readability

Emerald on white measures 2.13:1 and on black 9.87:1. WCAG AA asks for 4.5:1 on normal text and 3:1 on large text and UI components, so the higher of those two decides which background it belongs on. In the scale above, 500 is the first to clear 4.5:1 on white, at 4.92:1.

The contrast checker reports every level for a given pair and suggests the nearest passing shade on the same hue. The color picker builds this same scale from any color you paste in.

Related colors:green, lime green, mint, olive, hunter green. See every shade on the colors index.

Emerald color: hex codes, shades and palettes

No emerald palettes yet

Emerald hex, RGB, HSL and OKLCH

Shades of emerald

Contrast and readability