#679B3D

#679B3D

Color Values

HEX

#679B3D

RGB

103, 155, 61

HSL

93.2, 43.5%, 42.4%

HSV

93.2, 60.6%, 60.8%

CMYK

33.5%, 0.0%, 60.6%, 39.2%

OKLCH

0.6321 0.1375 133.3

Properties

Cool Light Nearest: olivedrab

Color Harmonies

Complementary

#679B3D

#713D9B

Analogous

#969B3D

#3D9B42

#679B3D

Triadic

#679B3D

#3D679B

#9B3D67

Split Complementary

#679B3D

#423D9B

#9B3D96

Tetradic

#679B3D

#3D969B

#713D9B

#9B423D

Color Blindness Simulation

Original

#679B3D

Protanopia

#7E7E54

Deuteranopia

#7A7759

Tritanopia

#6A666A

Achromatopsia

#898989

CSS Usage

background-color: #679B3D;
color: #679B3D;
border-color: #679B3D;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F7FAF5
100
#ECF4E7
200
#DAEBCC
300
#BFDCA7
400
#9CCA78
500
#7AB748
600
#61923A
700
#4E752E
800
#3D5B24
900
#2E431D
950
#1D2B13

Contrast Checker

Text on white

3.32:1

AA Fail AAA Fail

Text on black

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