#67B016

#67B016

Color Values

HEX

#67B016

RGB

103, 176, 22

HSL

88.4, 77.8%, 38.8%

HSV

88.4, 87.5%, 69.0%

CMYK

41.5%, 0.0%, 87.5%, 31.0%

OKLCH

0.6828 0.1871 133.3

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#67B016

#5F16B0

Analogous

#B0AC16

#1AB016

#67B016

Triadic

#67B016

#1667B0

#B01667

Split Complementary

#67B016

#161AB0

#AC16B0

Tetradic

#67B016

#16B0AC

#5F16B0

#B0161A

Color Blindness Simulation

Original

#67B016

Protanopia

#87873B

Deuteranopia

#827D44

Tritanopia

#6B595F

Achromatopsia

#959595

CSS Usage

background-color: #67B016;
color: #67B016;
border-color: #67B016;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F8FCF2
100
#EEF9E1
200
#DDF7C0
300
#C4F192
400
#A5EA57
500
#85E31C
600
#6AB517
700
#559112
800
#42710E
900
#32520F
950
#203409

Contrast Checker

Text on white

2.69:1

AA Fail AAA Fail

Text on black

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