#689134

#689134

Color Values

HEX

#689134

RGB

104, 145, 52

HSL

86.5, 47.2%, 38.6%

HSV

86.5, 64.1%, 56.9%

CMYK

28.3%, 0.0%, 64.1%, 43.1%

OKLCH

0.6065 0.1306 129.8

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#689134

#5D3491

Analogous

#918B34

#399134

#689134

Triadic

#689134

#346891

#913468

Split Complementary

#689134

#343991

#8B3491

Tetradic

#689134

#34918B

#5D3491

#913439

Color Blindness Simulation

Original

#689134

Protanopia

#7A7A4A

Deuteranopia

#777450

Tritanopia

#6A5C60

Achromatopsia

#828282

CSS Usage

background-color: #689134;
color: #689134;
border-color: #689134;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F8FAF4
100
#EEF4E6
200
#DDECCA
300
#C5DFA5
400
#A6CD74
500
#87BC43
600
#6C9636
700
#56782B
800
#435E22
900
#33451C
950
#202C12

Contrast Checker

Text on white

3.69:1

AA Fail AAA Fail

Text on black

5.69:1

AA Pass AAA Fail

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