#77946F

#77946F

Color Values

HEX

#77946F

RGB

119, 148, 111

HSL

107,0, 14,7%, 50,8%

HSV

107,0, 25,0%, 58,0%

CMYK

19,6%, 0,0%, 25,0%, 42,0%

OKLCH

0,634 0,0632 139,0

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#77946F

#8C6F94

Analogous

#8A946F

#6F947A

#77946F

Triadic

#77946F

#6F7794

#946F77

Split Complementary

#77946F

#7A6F94

#946F8A

Tetradic

#77946F

#6F8A94

#8C6F94

#947A6F

Color Blindness Simulation

Original

#77946F

Protanopia

#848478

Deuteranopia

#82807A

Tritanopia

#787F81

Achromatopsia

#8B8B8B

CSS Usage

background-color: #77946F;
color: #77946F;
border-color: #77946F;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F7F8F6
100
#ECEFEB
200
#D8E1D6
300
#BDCBB9
400
#99AF93
500
#75926D
600
#5E7557
700
#4B5E46
800
#3A4936
900
#2D372A
950
#1C231B

Contrast Checker

Text on white

3,36:1

AA Fail AAA Fail

Text on black

6,25:1

AA Pass AAA Fail

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