#77B375

#77B375

Color Values

HEX

#77B375

RGB

119, 179, 117

HSL

118.1, 29.0%, 58.0%

HSV

118.1, 34.6%, 70.2%

CMYK

33.5%, 0.0%, 34.6%, 29.8%

OKLCH

0.7096 0.1083 143.6

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#77B375

#B175B3

Analogous

#96B375

#75B392

#77B375

Triadic

#77B375

#7577B3

#B37577

Split Complementary

#77B375

#9275B3

#B37596

Tetradic

#77B375

#7596B3

#B175B3

#B39275

Color Blindness Simulation

Original

#77B375

Protanopia

#919284

Deuteranopia

#8E8988

Tritanopia

#7A9092

Achromatopsia

#A2A2A2

CSS Usage

background-color: #77B375;
color: #77B375;
border-color: #77B375;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F6F9F5
100
#E9F2E9
200
#D2E6D1
300
#B1D4B0
400
#87BC85
500
#5DA45B
600
#4A8448
700
#3B693A
800
#2E522D
900
#253D24
950
#172717

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

8.49:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026