#677C83

#677C83

Color Values

HEX

#677C83

RGB

103, 124, 131

HSL

195.0, 12.0%, 45.9%

HSV

195.0, 21.4%, 51.4%

CMYK

21.4%, 5.3%, 0.0%, 48.6%

OKLCH

0.5719 0.0268 220.0

Properties

Cool Light Nearest: lightblue 4

Color Harmonies

Complementary

#677C83

#836E67

Analogous

#67837C

#676E83

#677C83

Triadic

#677C83

#83677C

#7C8367

Split Complementary

#677C83

#83676E

#837C67

Tetradic

#677C83

#7C6783

#836E67

#6E8367

Color Blindness Simulation

Original

#677C83

Protanopia

#707081

Deuteranopia

#6F6D81

Tritanopia

#688080

Achromatopsia

#787878

CSS Usage

background-color: #677C83;
color: #677C83;
border-color: #677C83;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F7F8F8
100
#EBEEEF
200
#D7DDE0
300
#BAC5C9
400
#95A6AC
500
#70878F
600
#5A6C72
700
#48565B
800
#384447
900
#2B3336
950
#1B2022

Contrast Checker

Text on white

4.39:1

AA Fail AAA Fail

Text on black

4.79:1

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