#677B67

#677B67

Color Values

HEX

#677B67

RGB

103, 123, 103

HSL

120.0, 8.8%, 44.3%

HSV

120.0, 16.3%, 48.2%

CMYK

16.3%, 0.0%, 16.3%, 51.8%

OKLCH

0.5607 0.0385 145.0

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#677B67

#7B677B

Analogous

#717B67

#677B71

#677B67

Triadic

#677B67

#67677B

#7B6767

Split Complementary

#677B67

#71677B

#7B6771

Tetradic

#677B67

#67717B

#7B677B

#7B7167

Color Blindness Simulation

Original

#677B67

Protanopia

#70706C

Deuteranopia

#6E6D6D

Tritanopia

#687070

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEEEC
200
#D8DED8
300
#BCC7BC
400
#98A998
500
#748B74
600
#5D6F5D
700
#4A594A
800
#3A453A
900
#2D342D
950
#1C211C

Contrast Checker

Text on white

4.56:1

AA Pass AAA Fail

Text on black

4.61:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026