#698677

#698677

Color Values

HEX

#698677

RGB

105, 134, 119

HSL

149.0, 12.1%, 46.9%

HSV

149.0, 21.6%, 52.5%

CMYK

21.6%, 0.0%, 11.2%, 47.5%

OKLCH

0.593 0.0402 162.4

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#698677

#866978

Analogous

#6A8669

#698686

#698677

Triadic

#698677

#776986

#867769

Split Complementary

#698677

#866986

#86696A

Tetradic

#698677

#696A86

#866978

#868669

Color Blindness Simulation

Original

#698677

Protanopia

#76767B

Deuteranopia

#74727C

Tritanopia

#6A7D7E

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#EBEFED
200
#D7E0DB
300
#BAC9C2
400
#95ACA0
500
#708F7F
600
#5A7266
700
#485B51
800
#38473F
900
#2B3630
950
#1B221E

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

5.28:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026