#4c6b8a

Color #4c6b8a

A muted medium blue.

Closest named color Slate Gray #708090 · ΔE 13.31 Nearest Tailwind class slate-500 #62748e · ΔE 5.5

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#4c6b8a

RGB

rgb(76, 107, 138)

HSL

hsl(210, 29%, 42%)

HSV / HSB

hsv(210, 44.9%, 54.1%)

CMYK

cmyk(44.9%, 22.5%, 0%, 45.9%)

LAB

lab(44.07, -2.47, -20.58)

LCH

lch(44.07, 20.73, 263.16)

OKLCH

oklch(51.7%, 0.0612, 249.05)

HWB

hwb(210, 29.8%, 45.9%)

Harmony colors

Complementary

#8a6b4c

Analogous

#4c8a8a

#4c6b8a

#4c4c8a

Triadic

#4c6b8a

#8a4c6b

#6b8a4c

Split-complementary

#4c6b8a

#8a4c4c

#8a8a4c

Tetradic

#4c6b8a

#6b4c8a

#8a6b4c

#6b8a4c

Square

#4c6b8a

#8a4c8a

#8a6b4c

#4c8a4c

Shades

Color #4c6b8a mixed toward black.

#3f5973

#33475c

#263645

#19242e

#0d1217

Tints

Color #4c6b8a mixed toward white.

#6084a7

#809cb9

#a0b5ca

#bfcedc

#dfe6ed

Tones

Color #4c6b8a mixed toward gray.

#516b85

#566b80

#5c6b7b

#616b75

#666b70

Accessibility

Aa White text on this color

5.56:1

Aa Black text on this color

3.78:1

White text reads better on this background (5.56:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#5b5b83 · ΔE 11.9

Deuteranopia

#595782 · ΔE 12.7

Tritanopia

#4e7e7c · ΔE 17.6

Achromatopsia

#686868 · ΔE 14.2

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #4c6b8a;

Tailwind (arbitrary value)

bg-[#4c6b8a]

Related colors

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Alice Blue #f0f8ff

Steel Blue #4682b4

Light Steel Blue #b0c4de

Frequently asked questions

#4c6b8a (#4c6b8a) is rgb(76, 107, 138) in RGB.

No, #4c6b8a is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #4c6b8a, or check how it holds up for accessibility.

Generate a palette → Check contrast