#689077

#689077

Color Values

HEX

#689077

RGB

104, 144, 119

HSL

142.5, 16.1%, 48.6%

HSV

142.5, 27.8%, 56.5%

CMYK

27.8%, 0.0%, 17.4%, 43.5%

OKLCH

0.6164 0.0582 156.8

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#689077

#906881

Analogous

#6D9068

#68908B

#689077

Triadic

#689077

#776890

#907768

Split Complementary

#689077

#8B6890

#90686D

Tetradic

#689077

#686D90

#906881

#908B68

Color Blindness Simulation

Original

#689077

Protanopia

#797A7D

Deuteranopia

#77747E

Tritanopia

#6A8283

Achromatopsia

#868686

CSS Usage

background-color: #689077;
color: #689077;
border-color: #689077;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F6F8F7
100
#EBF0ED
200
#D6E1DA
300
#B8CCBF
400
#91B09D
500
#6B947A
600
#567662
700
#445F4E
800
#354A3D
900
#29372F
950
#1A231D

Contrast Checker

Text on white

3.59:1

AA Fail AAA Fail

Text on black

5.84:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026