#677B69

#677B69

Color Values

HEX

#677B69

RGB

103, 123, 105

HSL

126.0, 8.8%, 44.3%

HSV

126.0, 16.3%, 48.2%

CMYK

16.3%, 0.0%, 14.6%, 51.8%

OKLCH

0.5613 0.0361 147.8

Properties

Cool Light Nearest: RAL 7033 Cement Grey

Color Harmonies

Complementary

#677B69

#7B6779

Analogous

#6F7B67

#677B73

#677B69

Triadic

#677B69

#69677B

#7B6967

Split Complementary

#677B69

#73677B

#7B676F

Tetradic

#677B69

#676F7B

#7B6779

#7B7367

Color Blindness Simulation

Original

#677B69

Protanopia

#70706D

Deuteranopia

#6E6D6E

Tritanopia

#687172

Achromatopsia

#757575

CSS Usage

background-color: #677B69;
color: #677B69;
border-color: #677B69;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F8F7
100
#ECEEEC
200
#D8DED9
300
#BCC7BD
400
#98A99A
500
#748B77
600
#5D6F5F
700
#4A594C
800
#3A453B
900
#2D342D
950
#1C211D

Contrast Checker

Text on white

4.55:1

AA Pass AAA Fail

Text on black

4.61:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026