#67A040

#67A040

Color Values

HEX

#67A040

RGB

103, 160, 64

HSL

95.6, 42.9%, 43.9%

HSV

95.6, 60.0%, 62.7%

CMYK

35.6%, 0.0%, 60.0%, 37.3%

OKLCH

0.6451 0.1419 134.5

Properties

Cool Light Nearest: RAL 6018 Yellow Green

Color Harmonies

Complementary

#67A040

#7940A0

Analogous

#97A040

#40A049

#67A040

Triadic

#67A040

#4067A0

#A04067

Split Complementary

#67A040

#4940A0

#A04097

Tetradic

#67A040

#4097A0

#7940A0

#A04940

Color Blindness Simulation

Original

#67A040

Protanopia

#808057

Deuteranopia

#7C785D

Tritanopia

#6A6A6E

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#ECF4E7
200
#D8EBCC
300
#BDDCA8
400
#99C978
500
#75B649
600
#5E923A
700
#4B752F
800
#3B5B24
900
#2D431E
950
#1C2A13

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

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