#689629

#689629

Color Values

HEX

#689629

RGB

104, 150, 41

HSL

85.3, 57.1%, 37.5%

HSV

85.3, 72.7%, 58.8%

CMYK

30.7%, 0.0%, 72.7%, 41.2%

OKLCH

0.6182 0.1455 129.8

Properties

Cool Light Nearest: olivedrab

Color Harmonies

Complementary

#689629

#572996

Analogous

#968E29

#329629

#689629

Triadic

#689629

#296896

#962968

Split Complementary

#689629

#293296

#8E2996

Tetradic

#689629

#29968E

#572996

#962932

Color Blindness Simulation

Original

#689629

Protanopia

#7C7C43

Deuteranopia

#79764A

Tritanopia

#6A585D

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EFF6E4
200
#DEF0C7
300
#C7E59F
400
#A9D76B
500
#8BC837
600
#6FA02C
700
#598023
800
#45641B
900
#344918
950
#212E0F

Contrast Checker

Text on white

3.51:1

AA Fail AAA Fail

Text on black

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