#679146

#679146

Color Values

HEX

#679146

RGB

103, 145, 70

HSL

93.6, 34.9%, 42.2%

HSV

93.6, 51.7%, 56.9%

CMYK

29.0%, 0.0%, 51.7%, 43.1%

OKLCH

0.6081 0.1143 133.0

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#679146

#704691

Analogous

#8D9146

#46914B

#679146

Triadic

#679146

#466791

#914667

Split Complementary

#679146

#4B4691

#91468D

Tetradic

#679146

#468D91

#704691

#914B46

Color Blindness Simulation

Original

#679146

Protanopia

#797A58

Deuteranopia

#77745C

Tritanopia

#69666A

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EDF2E8
200
#DAE8CF
300
#BFD7AC
400
#9DC280
500
#7AAC53
600
#628A42
700
#4E6E35
800
#3D562A
900
#2F4021
950
#1D2815

Contrast Checker

Text on white

3.67:1

AA Fail AAA Fail

Text on black

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