#679B63

#679B63

Color Values

HEX

#679B63

RGB

103, 155, 99

HSL

115.7, 22.0%, 49.8%

HSV

115.7, 36.1%, 60.8%

CMYK

33.5%, 0.0%, 36.1%, 39.2%

OKLCH

0.6381 0.0989 142.7

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#679B63

#97639B

Analogous

#839B63

#639B7B

#679B63

Triadic

#679B63

#63679B

#9B6367

Split Complementary

#679B63

#7B639B

#9B6383

Tetradic

#679B63

#63839B

#97639B

#9B7B63

Color Blindness Simulation

Original

#679B63

Protanopia

#7E7E71

Deuteranopia

#7A7774

Tritanopia

#6A7B7E

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#EAF0EA
200
#D5E3D3
300
#B6CFB4
400
#8FB58C
500
#679C63
600
#537C50
700
#426440
800
#344E32
900
#283A27
950
#192519

Contrast Checker

Text on white

3.26:1

AA Fail AAA Fail

Text on black

6.45: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