#679661

#679661

Color Values

HEX

#679661

RGB

103, 150, 97

HSL

113.2, 21.5%, 48.4%

HSV

113.2, 35.3%, 58.8%

CMYK

31.3%, 0.0%, 35.3%, 41.2%

OKLCH

0.6253 0.0929 141.7

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#679661

#906196

Analogous

#819661

#619675

#679661

Triadic

#679661

#616796

#966167

Split Complementary

#679661

#756196

#966181

Tetradic

#679661

#618196

#906196

#967561

Color Blindness Simulation

Original

#679661

Protanopia

#7B7C6E

Deuteranopia

#797571

Tritanopia

#69787A

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#EBF0EA
200
#D5E3D4
300
#B8CFB5
400
#91B58C
500
#6A9B64
600
#557C50
700
#446340
800
#354D32
900
#293A27
950
#1A2519

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

6.11:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026