#69B221

#69B221

Color Values

HEX

#69B221

RGB

105, 178, 33

HSL

90.2, 68.7%, 41.4%

HSV

90.2, 81.5%, 69.8%

CMYK

41.0%, 0.0%, 81.5%, 30.2%

OKLCH

0.6894 0.1843 133.6

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#69B221

#6A21B2

Analogous

#B2B221

#21B222

#69B221

Triadic

#69B221

#2169B2

#B22169

Split Complementary

#69B221

#2221B2

#B221B2

Tetradic

#69B221

#21B2B2

#6A21B2

#B22221

Color Blindness Simulation

Original

#69B221

Protanopia

#898944

Deuteranopia

#847F4C

Tritanopia

#6D6066

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#EDF8E3
200
#DBF4C3
300
#C2EC98
400
#A0E160
500
#7FD728
600
#66AC20
700
#518A1A
800
#3F6C14
900
#304E12
950
#1E320C

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

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