#677658

#677658

Color Values

HEX

#677658

RGB

103, 118, 88

HSL

90.0, 14.6%, 40.4%

HSV

90.0, 25.4%, 46.3%

CMYK

12.7%, 0.0%, 25.4%, 53.7%

OKLCH

0.5449 0.0485 129.5

Properties

Cool Dark Nearest: RAL 6013 Reed Green

Color Harmonies

Complementary

#677658

#675876

Analogous

#767658

#587658

#677658

Triadic

#677658

#586776

#765867

Split Complementary

#677658

#585876

#765876

Tetradic

#677658

#587676

#675876

#765858

Color Blindness Simulation

Original

#677658

Protanopia

#6D6E5F

Deuteranopia

#6D6C61

Tritanopia

#686566

Achromatopsia

#717171

CSS Usage

background-color: #677658;
color: #677658;
border-color: #677658;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F7F8F6
100
#EDEFEB
200
#DBE1D6
300
#C2CBB9
400
#A1AE93
500
#80926D
600
#667557
700
#525E46
800
#404936
900
#30372A
950
#1F231B

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

4.31:1

AA Fail 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