#68A641

#68A641

Color Values

HEX

#68A641

RGB

104, 166, 65

HSL

96.8, 43.7%, 45.3%

HSV

96.8, 60.8%, 65.1%

CMYK

37.3%, 0.0%, 60.8%, 34.9%

OKLCH

0.6609 0.1489 135.2

Properties

Cool Light Nearest: RAL 6018 Yellow Green

Color Harmonies

Complementary

#68A641

#7F41A6

Analogous

#9BA641

#41A64C

#68A641

Triadic

#68A641

#4168A6

#A64168

Split Complementary

#68A641

#4C41A6

#A6419B

Tetradic

#68A641

#419BA6

#7F41A6

#A64C41

Color Blindness Simulation

Original

#68A641

Protanopia

#838359

Deuteranopia

#7F7B5F

Tritanopia

#6B6D71

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#ECF4E7
200
#D8EBCC
300
#BCDDA7
400
#97CA77
500
#73B748
600
#5C9339
700
#4A752E
800
#395C24
900
#2C441D
950
#1C2B13

Contrast Checker

Text on white

2.95:1

AA Fail AAA Fail

Text on black

7.12:1

AA Pass AAA Pass

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