#68A136

#68A136

Color Values

HEX

#68A136

RGB

104, 161, 54

HSL

92.0, 49.8%, 42.2%

HSV

92.0, 66.5%, 63.1%

CMYK

35.4%, 0.0%, 66.5%, 36.9%

OKLCH

0.6472 0.1509 133.1

Properties

Cool Light Nearest: RAL 6018 Yellow Green

Color Harmonies

Complementary

#68A136

#6F36A1

Analogous

#9EA136

#36A13A

#68A136

Triadic

#68A136

#3668A1

#A13668

Split Complementary

#68A136

#3A36A1

#A1369E

Tetradic

#68A136

#369EA1

#6F36A1

#A13A36

Color Blindness Simulation

Original

#68A136

Protanopia

#818150

Deuteranopia

#7D7956

Tritanopia

#6B6469

Achromatopsia

#8D8D8D

CSS Usage

background-color: #68A136;
color: #68A136;
border-color: #68A136;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F7FBF4
100
#EDF5E6
200
#DAEDCA
300
#C0E0A3
400
#9ED072
500
#7BBF40
600
#639933
700
#4F7A29
800
#3E5F20
900
#2F461B
950
#1E2C11

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

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