#67A344

#67A344

Color Values

HEX

#67A344

RGB

103, 163, 68

HSL

97.9, 41.1%, 45.3%

HSV

97.9, 58.3%, 63.9%

CMYK

36.8%, 0.0%, 58.3%, 36.1%

OKLCH

0.6532 0.1426 135.5

Properties

Cool Light Nearest: RAL 6018 Yellow Green

Color Harmonies

Complementary

#67A344

#8044A3

Analogous

#96A344

#44A351

#67A344

Triadic

#67A344

#4467A3

#A34467

Split Complementary

#67A344

#5144A3

#A34496

Tetradic

#67A344

#4496A3

#8044A3

#A35144

Color Blindness Simulation

Original

#67A344

Protanopia

#81825B

Deuteranopia

#7E7960

Tritanopia

#6A6D71

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#ECF3E7
200
#D7EACD
300
#BBDBA9
400
#96C77A
500
#72B44B
600
#5B903C
700
#497330
800
#395A26
900
#2C421F
950
#1C2A13

Contrast Checker

Text on white

3.04:1

AA Fail AAA Fail

Text on black

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