#689463

#689463

Color Values

HEX

#689463

RGB

104, 148, 99

HSL

113.9, 19.8%, 48.4%

HSV

113.9, 33.1%, 58.0%

CMYK

29.7%, 0.0%, 33.1%, 42.0%

OKLCH

0.6213 0.0867 142.0

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#689463

#8F6394

Analogous

#809463

#639476

#689463

Triadic

#689463

#636894

#946368

Split Complementary

#689463

#766394

#946380

Tetradic

#689463

#638094

#8F6394

#947663

Color Blindness Simulation

Original

#689463

Protanopia

#7B7B6F

Deuteranopia

#787572

Tritanopia

#6A787A

Achromatopsia

#878787

CSS Usage

background-color: #689463;
color: #689463;
border-color: #689463;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F6F9F6
100
#EBF0EA
200
#D6E2D4
300
#B8CEB6
400
#92B38E
500
#6B9966
600
#567A52
700
#456241
800
#364C33
900
#2A3928
950
#1A2419

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

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