#677C98

#677C98

Color Values

HEX

#677C98

RGB

103, 124, 152

HSL

214.3, 19.2%, 50.0%

HSV

214.3, 32.2%, 59.6%

CMYK

32.2%, 18.4%, 0.0%, 40.4%

OKLCH

0.5801 0.0498 255.7

Properties

Cool Light Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#677C98

#988367

Analogous

#679498

#6B6798

#677C98

Triadic

#677C98

#98677C

#7C9867

Split Complementary

#677C98

#986B67

#949867

Tetradic

#677C98

#986794

#988367

#67986B

Color Blindness Simulation

Original

#677C98

Protanopia

#707091

Deuteranopia

#6F6D90

Tritanopia

#688C8B

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D4DAE2
300
#B6C0CE
400
#8F9EB3
500
#677C98
600
#52637A
700
#424F61
800
#343E4C
900
#282F39
950
#191E24

Contrast Checker

Text on white

4.27:1

AA Fail AAA Fail

Text on black

4.91:1

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