#678540

#678540

Color Values

HEX

#678540

RGB

103, 133, 64

HSL

86.1, 35.0%, 38.6%

HSV

86.1, 51.9%, 52.2%

CMYK

22.6%, 0.0%, 51.9%, 47.8%

OKLCH

0.5772 0.1023 128.6

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#678540

#5E4085

Analogous

#858040

#448540

#678540

Triadic

#678540

#406785

#854067

Split Complementary

#678540

#404485

#804085

Tetradic

#678540

#408580

#5E4085

#854044

Color Blindness Simulation

Original

#678540

Protanopia

#747451

Deuteranopia

#727055

Tritanopia

#685E61

Achromatopsia

#7A7A7A

CSS Usage

background-color: #678540;
color: #678540;
border-color: #678540;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F8FAF5
100
#EEF2E8
200
#DDE8CF
300
#C5D7AC
400
#A5C280
500
#85AC53
600
#6B8A42
700
#556E35
800
#435629
900
#324021
950
#202815

Contrast Checker

Text on white

4.2:1

AA Fail AAA Fail

Text on black

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