#677C9B

#677C9B

Color Values

HEX

#677C9B

RGB

103, 124, 155

HSL

215.8, 20.6%, 50.6%

HSV

215.8, 33.5%, 60.8%

CMYK

33.5%, 20.0%, 0.0%, 39.2%

OKLCH

0.5814 0.0539 258.0

Properties

Cool Light Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#677C9B

#9B8667

Analogous

#67969B

#6C679B

#677C9B

Triadic

#677C9B

#9B677C

#7C9B67

Split Complementary

#677C9B

#9B6C67

#969B67

Tetradic

#677C9B

#9B6796

#9B8667

#679B6C

Color Blindness Simulation

Original

#677C9B

Protanopia

#707094

Deuteranopia

#6F6D92

Tritanopia

#688E8C

Achromatopsia

#7A7A7A

CSS Usage

background-color: #677C9B;
color: #677C9B;
border-color: #677C9B;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D4DAE3
300
#B5BFCE
400
#8D9DB4
500
#657A9A
600
#51627B
700
#414E62
800
#333D4D
900
#272F39
950
#191E24

Contrast Checker

Text on white

4.26:1

AA Fail AAA Fail

Text on black

4.93: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