#4D707F

#4D707F

Color Values

HEX

#4D707F

RGB

77, 112, 127

HSL

198.0, 24.5%, 40.0%

HSV

198.0, 39.4%, 49.8%

CMYK

39.4%, 11.8%, 0.0%, 50.2%

OKLCH

0.5244 0.0464 226.5

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#4D707F

#7F5C4D

Analogous

#4D7F75

#4D577F

#4D707F

Triadic

#4D707F

#7F4D70

#707F4D

Split Complementary

#4D707F

#7F4D57

#7F754D

Tetradic

#4D707F

#754D7F

#7F5C4D

#577F4D

Color Blindness Simulation

Original

#4D707F

Protanopia

#5C5C7B

Deuteranopia

#5A587A

Tritanopia

#4F7978

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#E9EFF1
200
#D3DFE4
300
#B3C8D1
400
#8AAAB8
500
#608C9F
600
#4D707F
700
#3E5A66
800
#30464F
900
#26353B
950
#182125

Contrast Checker

Text on white

5.33:1

AA Pass AAA Fail

Text on black

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