#689078

#689078

Color Values

HEX

#689078

RGB

104, 144, 120

HSL

144.0, 16.1%, 48.6%

HSV

144.0, 27.8%, 56.5%

CMYK

27.8%, 0.0%, 16.7%, 43.5%

OKLCH

0.6167 0.0573 157.9

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#689078

#906880

Analogous

#6C9068

#68908C

#689078

Triadic

#689078

#786890

#907868

Split Complementary

#689078

#8C6890

#90686C

Tetradic

#689078

#686C90

#906880

#908C68

Color Blindness Simulation

Original

#689078

Protanopia

#797A7E

Deuteranopia

#77747F

Tritanopia

#6A8283

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F6F8F7
100
#EBF0ED
200
#D6E1DA
300
#B8CCC0
400
#91B09E
500
#6B947B
600
#567663
700
#445F4F
800
#354A3E
900
#29372F
950
#1A231E

Contrast Checker

Text on white

3.59:1

AA Fail AAA Fail

Text on black

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