#677555

#677555

Color Values

HEX

#677555

RGB

103, 117, 85

HSL

86.2, 15.8%, 39.6%

HSV

86.2, 27.4%, 45.9%

CMYK

12.0%, 0.0%, 27.4%, 54.1%

OKLCH

0.5418 0.0507 127.2

Properties

Cool Dark Nearest: RAL 6013 Reed Green

Color Harmonies

Complementary

#677555

#635575

Analogous

#757355

#577555

#677555

Triadic

#677555

#556775

#755567

Split Complementary

#677555

#555775

#735575

Tetradic

#677555

#557573

#635575

#755557

Color Blindness Simulation

Original

#677555

Protanopia

#6D6D5D

Deuteranopia

#6C6B5F

Tritanopia

#686364

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F7F8F6
100
#EDF0EB
200
#DCE1D6
300
#C3CBB8
400
#A3B092
500
#82946B
600
#687656
700
#535E45
800
#414A36
900
#31372A
950
#1F231A

Contrast Checker

Text on white

4.94:1

AA Pass AAA Fail

Text on black

4.25:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026