#67A342

#67A342

Color Values

HEX

#67A342

RGB

103, 163, 66

HSL

97.1, 42.4%, 44.9%

HSV

97.1, 59.5%, 63.9%

CMYK

36.8%, 0.0%, 59.5%, 36.1%

OKLCH

0.6529 0.1444 135.2

Properties

Cool Light Nearest: RAL 6018 Yellow Green

Color Harmonies

Complementary

#67A342

#7E42A3

Analogous

#98A342

#42A34D

#67A342

Triadic

#67A342

#4267A3

#A34267

Split Complementary

#67A342

#4D42A3

#A34298

Tetradic

#67A342

#4298A3

#7E42A3

#A34D42

Color Blindness Simulation

Original

#67A342

Protanopia

#818259

Deuteranopia

#7E795F

Tritanopia

#6A6C70

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#ECF4E7
200
#D8EACC
300
#BCDCA8
400
#97C979
500
#73B649
600
#5C913B
700
#49742F
800
#395B25
900
#2C431E
950
#1C2A13

Contrast Checker

Text on white

3.05:1

AA Fail AAA Fail

Text on black

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