#77B971

#77B971

Color Values

HEX

#77B971

RGB

119, 185, 113

HSL

115.0, 34.0%, 58.4%

HSV

115.0, 38.9%, 72.5%

CMYK

35.7%, 0.0%, 38.9%, 27.5%

OKLCH

0.7233 0.1219 142.3

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#77B971

#B371B9

Analogous

#9BB971

#71B98F

#77B971

Triadic

#77B971

#7177B9

#B97177

Split Complementary

#77B971

#8F71B9

#B9719B

Tetradic

#77B971

#719BB9

#B371B9

#B98F71

Color Blindness Simulation

Original

#77B971

Protanopia

#949482

Deuteranopia

#908B87

Tritanopia

#7A9093

Achromatopsia

#A6A6A6

CSS Usage

background-color: #77B971;
color: #77B971;
border-color: #77B971;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F6FAF5
100
#E9F2E8
200
#D1E7CF
300
#B0D7AD
400
#86C181
500
#5BAB54
600
#498943
700
#3A6D36
800
#2E552A
900
#243F22
950
#172815

Contrast Checker

Text on white

2.34:1

AA Fail AAA Fail

Text on black

8.96:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026