#677453

#677453

Color Values

HEX

#677453

RGB

103, 116, 83

HSL

83.6, 16.6%, 39.0%

HSV

83.6, 28.4%, 45.5%

CMYK

11.2%, 0.0%, 28.4%, 54.5%

OKLCH

0.5389 0.0517 125.6

Properties

Cool Dark Nearest: RAL 6013 Reed Green

Color Harmonies

Complementary

#677453

#605374

Analogous

#747053

#567453

#677453

Triadic

#677453

#536774

#745367

Split Complementary

#677453

#535674

#705374

Tetradic

#677453

#537470

#605374

#745356

Color Blindness Simulation

Original

#677453

Protanopia

#6D6D5B

Deuteranopia

#6C6B5D

Tritanopia

#686163

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EEF0EB
200
#DDE1D5
300
#C4CCB8
400
#A4B091
500
#84956A
600
#6A7755
700
#545F44
800
#424A35
900
#323829
950
#20231A

Contrast Checker

Text on white

5.0:1

AA Pass AAA Fail

Text on black

4.2:1

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