#69B317

#69B317

Color Values

HEX

#69B317

RGB

105, 179, 23

HSL

88.5, 77.2%, 39.6%

HSV

88.5, 87.2%, 70.2%

CMYK

41.3%, 0.0%, 87.2%, 29.8%

OKLCH

0.6915 0.1892 133.3

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#69B317

#6117B3

Analogous

#B3AF17

#1BB317

#69B317

Triadic

#69B317

#1769B3

#B31769

Split Complementary

#69B317

#171BB3

#AF17B3

Tetradic

#69B317

#17B3AF

#6117B3

#B3171B

Color Blindness Simulation

Original

#69B317

Protanopia

#898A3D

Deuteranopia

#857F46

Tritanopia

#6D5B61

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F8FCF2
100
#EEF9E1
200
#DDF7C0
300
#C4F193
400
#A4E958
500
#84E21D
600
#6AB517
700
#559113
800
#42710F
900
#32520F
950
#203409

Contrast Checker

Text on white

2.61:1

AA Fail AAA Fail

Text on black

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