#67B668

#67B668

Color Values

HEX

#67B668

RGB

103, 182, 104

HSL

120.8, 35.1%, 55.9%

HSV

120.8, 43.4%, 71.4%

CMYK

43.4%, 0.0%, 42.9%, 28.6%

OKLCH

0.7062 0.1357 144.2

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#67B668

#B667B5

Analogous

#8DB667

#67B690

#67B668

Triadic

#67B668

#6867B6

#B66867

Split Complementary

#67B668

#9067B6

#B6678D

Tetradic

#67B668

#678DB6

#B667B5

#B69067

Color Blindness Simulation

Original

#67B668

Protanopia

#898A7B

Deuteranopia

#857F7F

Tritanopia

#6B8A8D

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F2E8
200
#CFE8CF
300
#ACD7AD
400
#80C280
500
#53AC54
600
#428A43
700
#356E36
800
#29562A
900
#214022
950
#152815

Contrast Checker

Text on white

2.48:1

AA Fail AAA Fail

Text on black

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