#69B216

#69B216

Color Values

HEX

#69B216

RGB

105, 178, 22

HSL

88.1, 78.0%, 39.2%

HSV

88.1, 87.6%, 69.8%

CMYK

41.0%, 0.0%, 87.6%, 30.2%

OKLCH

0.6889 0.1884 133.1

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#69B216

#5F16B2

Analogous

#B2AD16

#1BB216

#69B216

Triadic

#69B216

#1669B2

#B21669

Split Complementary

#69B216

#161BB2

#AD16B2

Tetradic

#69B216

#16B2AD

#5F16B2

#B2161B

Color Blindness Simulation

Original

#69B216

Protanopia

#89893C

Deuteranopia

#847F45

Tritanopia

#6D5A60

Achromatopsia

#979797

CSS Usage

background-color: #69B216;
color: #69B216;
border-color: #69B216;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F8FCF2
100
#EEF9E1
200
#DDF7BF
300
#C5F292
400
#A5EA57
500
#86E31C
600
#6BB616
700
#569112
800
#43710E
900
#33520E
950
#203409

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

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