#67C71F

#67C71F

Color Values

HEX

#67C71F

RGB

103, 199, 31

HSL

94.3, 73.0%, 45.1%

HSV

94.3, 84.4%, 78.0%

CMYK

48.2%, 0.0%, 84.4%, 22.0%

OKLCH

0.7417 0.2104 135.9

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#67C71F

#7F1FC7

Analogous

#BBC71F

#1FC72B

#67C71F

Triadic

#67C71F

#1F67C7

#C71F67

Split Complementary

#67C71F

#2B1FC7

#C71FBB

Tetradic

#67C71F

#1FBBC7

#7F1FC7

#C72B1F

Color Blindness Simulation

Original

#67C71F

Protanopia

#919148

Deuteranopia

#8B8451

Tritanopia

#6C686F

Achromatopsia

#A6A6A6

CSS Usage

background-color: #67C71F;
color: #67C71F;
border-color: #67C71F;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F7FCF3
100
#ECF8E2
200
#D8F5C1
300
#BBEE95
400
#97E65C
500
#72DD22
600
#5BB01C
700
#498D16
800
#396E11
900
#2C5011
950
#1C330A

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

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