#4D677F

#4D677F

Color Values

HEX

#4D677F

RGB

77, 103, 127

HSL

208.8, 24.5%, 40.0%

HSV

208.8, 39.4%, 49.8%

CMYK

39.4%, 18.9%, 0.0%, 50.2%

OKLCH

0.5027 0.0493 246.8

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#4D677F

#7F654D

Analogous

#4D7F7E

#4D4E7F

#4D677F

Triadic

#4D677F

#7F4D67

#677F4D

Split Complementary

#4D677F

#7F4D4E

#7F7E4D

Tetradic

#4D677F

#7E4D7F

#7F654D

#4E7F4D

Color Blindness Simulation

Original

#4D677F

Protanopia

#585879

Deuteranopia

#575578

Tritanopia

#4E7574

Achromatopsia

#636363

CSS Usage

background-color: #4D677F;
color: #4D677F;
border-color: #4D677F;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F7F9
100
#E9EDF1
200
#D3DCE4
300
#B3C2D1
400
#8AA2B8
500
#60819F
600
#4D677F
700
#3E5266
800
#30404F
900
#26313B
950
#181F25

Contrast Checker

Text on white

5.9:1

AA Pass AAA Fail

Text on black

3.56:1

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