#689969

#689969

Color Values

HEX

#689969

RGB

104, 153, 105

HSL

121.2, 19.4%, 50.4%

HSV

121.2, 32.0%, 60.0%

CMYK

32.0%, 0.0%, 31.4%, 40.0%

OKLCH

0.635 0.0883 144.9

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#689969

#996898

Analogous

#809968

#689982

#689969

Triadic

#689969

#696899

#996968

Split Complementary

#689969

#826899

#996880

Tetradic

#689969

#688099

#996898

#998268

Color Blindness Simulation

Original

#689969

Protanopia

#7D7E75

Deuteranopia

#7A7777

Tritanopia

#6A7E80

Achromatopsia

#8B8B8B

CSS Usage

background-color: #689969;
color: #689969;
border-color: #689969;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F6F9F6
100
#EAF0EA
200
#D4E2D5
300
#B6CEB6
400
#8EB38F
500
#679868
600
#527A53
700
#426142
800
#334C34
900
#283928
950
#192419

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

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