#677652

#677652

Color Values

HEX

#677652

RGB

103, 118, 82

HSL

85.0, 18.0%, 39.2%

HSV

85.0, 30.5%, 46.3%

CMYK

12.7%, 0.0%, 30.5%, 53.7%

OKLCH

0.5435 0.0565 126.6

Properties

Cool Dark Nearest: RAL 6013 Reed Green

Color Harmonies

Complementary

#677652

#615276

Analogous

#767352

#557652

#677652

Triadic

#677652

#526776

#765267

Split Complementary

#677652

#525576

#735276

Tetradic

#677652

#527673

#615276

#765255

Color Blindness Simulation

Original

#677652

Protanopia

#6D6E5B

Deuteranopia

#6D6C5D

Tritanopia

#686263

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EEF0EA
200
#DCE2D5
300
#C4CDB7
400
#A3B290
500
#839669
600
#697854
700
#546043
800
#424B34
900
#323829
950
#1F241A

Contrast Checker

Text on white

4.9:1

AA Pass AAA Fail

Text on black

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