#69B021

#69B021

Color Values

HEX

#69B021

RGB

105, 176, 33

HSL

89.8, 68.4%, 41.0%

HSV

89.8, 81.2%, 69.0%

CMYK

40.3%, 0.0%, 81.2%, 31.0%

OKLCH

0.6843 0.1819 133.3

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#69B021

#6821B0

Analogous

#B0B021

#22B021

#69B021

Triadic

#69B021

#2169B0

#B02169

Split Complementary

#69B021

#2122B0

#B021B0

Tetradic

#69B021

#21B0B0

#6821B0

#B02122

Color Blindness Simulation

Original

#69B021

Protanopia

#888844

Deuteranopia

#847E4C

Tritanopia

#6D5F65

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#EDF8E3
200
#DBF4C3
300
#C2EC98
400
#A1E160
500
#80D728
600
#66AC20
700
#52891A
800
#406B14
900
#314E13
950
#1F310C

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

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