#679589

#679589

Color Values

HEX

#679589

RGB

103, 149, 137

HSL

164.3, 18.3%, 49.4%

HSV

164.3, 30.9%, 58.4%

CMYK

30.9%, 0.0%, 8.1%, 41.6%

OKLCH

0.633 0.0532 176.4

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#679589

#956773

Analogous

#679572

#678A95

#679589

Triadic

#679589

#896795

#958967

Split Complementary

#679589

#95678A

#957267

Tetradic

#679589

#726795

#956773

#8A9567

Color Blindness Simulation

Original

#679589

Protanopia

#7B7B8C

Deuteranopia

#78758D

Tritanopia

#698E8F

Achromatopsia

#8A8A8A

CSS Usage

background-color: #679589;
color: #679589;
border-color: #679589;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D5E2DE
300
#B7CDC7
400
#8FB2A9
500
#68978B
600
#53796F
700
#436159
800
#344B45
900
#283834
950
#1A2421

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

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