#679344

#679344

Color Values

HEX

#679344

RGB

103, 147, 68

HSL

93.4, 36.7%, 42.2%

HSV

93.4, 53.7%, 57.6%

CMYK

29.9%, 0.0%, 53.7%, 42.4%

OKLCH

0.6128 0.1193 133.0

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#679344

#704493

Analogous

#8F9344

#449349

#679344

Triadic

#679344

#446793

#934467

Split Complementary

#679344

#494493

#93448F

Tetradic

#679344

#448F93

#704493

#934944

Color Blindness Simulation

Original

#679344

Protanopia

#7A7A57

Deuteranopia

#78745C

Tritanopia

#69666A

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EDF3E8
200
#DAE8CE
300
#BFD8AB
400
#9DC37E
500
#7AAE51
600
#628B41
700
#4E7034
800
#3D5728
900
#2F4020
950
#1D2914

Contrast Checker

Text on white

3.6:1

AA Fail AAA Fail

Text on black

5.83:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026