#689280

#689280

Color Values

HEX

#689280

RGB

104, 146, 128

HSL

154.3, 16.8%, 49.0%

HSV

154.3, 28.8%, 57.3%

CMYK

28.8%, 0.0%, 12.3%, 42.7%

OKLCH

0.6237 0.0537 166.3

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#689280

#92687A

Analogous

#68926B

#688F92

#689280

Triadic

#689280

#806892

#928068

Split Complementary

#689280

#92688F

#926B68

Tetradic

#689280

#6B6892

#92687A

#8F9268

Color Blindness Simulation

Original

#689280

Protanopia

#7A7B84

Deuteranopia

#787585

Tritanopia

#6A8889

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBF0EE
200
#D5E1DC
300
#B8CCC3
400
#91B1A3
500
#6A9583
600
#557768
700
#445F54
800
#354A41
900
#293832
950
#1A231F

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

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