#679B73

#679B73

Color Values

HEX

#679B73

RGB

103, 155, 115

HSL

133.8, 20.6%, 50.6%

HSV

133.8, 33.5%, 60.8%

CMYK

33.5%, 0.0%, 25.8%, 39.2%

OKLCH

0.6416 0.0816 150.8

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#679B73

#9B678F

Analogous

#759B67

#679B8D

#679B73

Triadic

#679B73

#73679B

#9B7367

Split Complementary

#679B73

#8D679B

#9B6775

Tetradic

#679B73

#67759B

#9B678F

#9B8D67

Color Blindness Simulation

Original

#679B73

Protanopia

#7E7E7D

Deuteranopia

#7A777F

Tritanopia

#6A8486

Achromatopsia

#8D8D8D

CSS Usage

background-color: #679B73;
color: #679B73;
border-color: #679B73;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F6F9F7
100
#EAF0EB
200
#D4E3D7
300
#B5CEBB
400
#8DB496
500
#659A71
600
#517B5B
700
#416249
800
#334D39
900
#27392C
950
#19241C

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

6.51:1

AA Pass AAA Fail

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