#4b6881

Color #4b6881

A muted medium blue.

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

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

Conversions

HEX

#4b6881

RGB

rgb(75, 104, 129)

HSL

hsl(207.8, 26.5%, 40%)

HSV / HSB

hsv(207.8, 41.9%, 50.6%)

CMYK

cmyk(41.9%, 19.4%, 0%, 49.4%)

LAB

lab(42.73, -3.64, -17.23)

LCH

lch(42.73, 17.61, 258.07)

OKLCH

oklch(50.5%, 0.0526, 245.14)

HWB

hwb(207.8, 29.4%, 49.4%)

Harmony colors

Complementary

#81644b

Analogous

#4b817f

#4b6881

#4b4d81

Triadic

#4b6881

#814b68

#68814b

Split-complementary

#4b6881

#814b4d

#817f4b

Tetradic

#4b6881

#644b81

#81644b

#68814b

Square

#4b6881

#7f4b81

#81644b

#4d814b

Shades

Color #4b6881 mixed toward black.

#3e576c

#324556

#253441

#19232b

#0c1116

Tints

Color #4b6881 mixed toward white.

#5e82a1

#7e9bb4

#9eb4c7

#becdda

#dfe6ec

Tones

Color #4b6881 mixed toward gray.

#4f687d

#546778

#586774

#5d676f

#61666b

Accessibility

Aa White text on this color

5.84:1

Aa Black text on this color

3.6:1

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

Under color vision deficiencies

Protanopia

#59597c · ΔE 12.9

Deuteranopia

#57557a · ΔE 14

Tritanopia

#4d7776 · ΔE 14.7

Achromatopsia

#656565 · ΔE 12.8

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

Code

CSS

background-color: #4b6881;

Tailwind (arbitrary value)

bg-[#4b6881]

Related colors

Alice Blue #f0f8ff

Steel Blue #4682b4

Dodger Blue #1e90ff

Light Slate Gray #778899

Slate Gray #708090

Charcoal #36454f

Frequently asked questions

#4b6881 (#4b6881) is rgb(75, 104, 129) in RGB.

No, #4b6881 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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 #4b6881, or check how it holds up for accessibility.

Generate a palette → Check contrast