#4b6cb3

Color #4b6cb3

A moderately saturated medium blue.

Closest named color Cornflower Blue #6495ed · ΔE 17.57 Nearest Tailwind class slate-500 #62748e · ΔE 8.2

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

Conversions

HEX

#4b6cb3

RGB

rgb(75, 108, 179)

HSL

hsl(221, 40.9%, 49.8%)

HSV / HSB

hsv(221, 58.1%, 70.2%)

CMYK

cmyk(58.1%, 39.7%, 0%, 29.8%)

LAB

lab(46.28, 9.91, -41.34)

LCH

lch(46.28, 42.51, 283.48)

OKLCH

oklch(54%, 0.1179, 264.01)

HWB

hwb(221, 29.4%, 29.8%)

Harmony colors

Complementary

#b3924b

Analogous

#4ba0b3

#4b6cb3

#5e4bb3

Triadic

#4b6cb3

#b34b6c

#6cb34b

Split-complementary

#4b6cb3

#b35e4b

#a0b34b

Tetradic

#4b6cb3

#924bb3

#b3924b

#6cb34b

Square

#4b6cb3

#b34ba0

#b3924b

#4bb35e

Shades

Color #4b6cb3 mixed toward black.

#3f5a95

#324877

#263659

#19243c

#0d121e

Tints

Color #4b6cb3 mixed toward white.

#6984c0

#879dcd

#a5b5d9

#c3cee6

#e1e6f2

Tones

Color #4b6cb3 mixed toward gray.

#546faa

#5c72a2

#657599

#6e7990

#767c88

Accessibility

Aa White text on this color

5.13:1

Aa Black text on this color

4.1:1

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

Under color vision deficiencies

Protanopia

#5b5ba5 · ΔE 8.5

Deuteranopia

#5957a2 · ΔE 9.6

Tritanopia

#4d9997 · ΔE 28.6

Achromatopsia

#6e6e6e · ΔE 21.9

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

Code

CSS

background-color: #4b6cb3;

Tailwind (arbitrary value)

bg-[#4b6cb3]

Related colors

Cornflower Blue #6495ed

Royal Blue #4169e1

Light Steel Blue #b0c4de

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Frequently asked questions

#4b6cb3 (#4b6cb3) is rgb(75, 108, 179) in RGB.

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

Generate a palette → Check contrast