#678B44

#678B44

Color Values

HEX

#678B44

RGB

103, 139, 68

HSL

90.4, 34.3%, 40.6%

HSV

90.4, 51.1%, 54.5%

CMYK

25.9%, 0.0%, 51.1%, 45.5%

OKLCH

0.5928 0.1072 131.1

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#678B44

#68448B

Analogous

#8B8B44

#448B44

#678B44

Triadic

#678B44

#44678B

#8B4467

Split Complementary

#678B44

#44448B

#8B448B

Tetradic

#678B44

#448B8B

#68448B

#8B4444

Color Blindness Simulation

Original

#678B44

Protanopia

#777755

Deuteranopia

#747259

Tritanopia

#696366

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EDF2E8
200
#DBE8CF
300
#C2D7AD
400
#A0C180
500
#7FAB54
600
#668943
700
#516E36
800
#3F562A
900
#303F21
950
#1E2815

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

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