#698674

#698674

Color Values

HEX

#698674

RGB

105, 134, 116

HSL

142.8, 12.1%, 46.9%

HSV

142.8, 21.6%, 52.5%

CMYK

21.6%, 0.0%, 13.4%, 47.5%

OKLCH

0.5922 0.0429 157.6

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#698674

#86697B

Analogous

#6D8669

#698683

#698674

Triadic

#698674

#746986

#867469

Split Complementary

#698674

#836986

#86696D

Tetradic

#698674

#696D86

#86697B

#868369

Color Blindness Simulation

Original

#698674

Protanopia

#767678

Deuteranopia

#747279

Tritanopia

#6A7C7D

Achromatopsia

#7F7F7F

CSS Usage

background-color: #698674;
color: #698674;
border-color: #698674;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F8F7
100
#EBEFED
200
#D7E0DA
300
#BAC9C0
400
#95AC9E
500
#708F7C
600
#5A7263
700
#485B4F
800
#38473E
900
#2B362F
950
#1B221E

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

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