#67AB48

#67AB48

Color Values

HEX

#67AB48

RGB

103, 171, 72

HSL

101.2, 40.7%, 47.6%

HSV

101.2, 57.9%, 67.1%

CMYK

39.8%, 0.0%, 57.9%, 32.9%

OKLCH

0.6738 0.1503 137.0

Properties

Cool Light Nearest: RAL 6018 Yellow Green

Color Harmonies

Complementary

#67AB48

#8C48AB

Analogous

#98AB48

#48AB5A

#67AB48

Triadic

#67AB48

#4867AB

#AB4867

Split Complementary

#67AB48

#5A48AB

#AB4898

Tetradic

#67AB48

#4898AB

#8C48AB

#AB5A48

Color Blindness Simulation

Original

#67AB48

Protanopia

#848560

Deuteranopia

#807B66

Tritanopia

#6A7377

Achromatopsia

#959595

CSS Usage

background-color: #67AB48;
color: #67AB48;
border-color: #67AB48;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F6FAF5
100
#EBF3E7
200
#D6EACD
300
#B9DBA9
400
#92C77A
500
#6CB34C
600
#57903C
700
#457330
800
#365A26
900
#2A421F
950
#1A2A13

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

7.5:1

AA Pass AAA Pass

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