#495bb0

Color #495bb0

A moderately saturated medium blue.

Closest named color Dark Slate Blue #483d8b · ΔE 13.63 Nearest Tailwind class blue-700 #1447e6 · ΔE 9.1

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

Conversions

HEX

#495bb0

RGB

rgb(73, 91, 176)

HSL

hsl(229.5, 41.4%, 48.8%)

HSV / HSB

hsv(229.5, 58.5%, 69%)

CMYK

cmyk(58.5%, 48.3%, 0%, 31%)

LAB

lab(41.27, 19.23, -47.58)

LCH

lch(41.27, 51.32, 292.01)

OKLCH

oklch(50.1%, 0.136, 271.69)

HWB

hwb(229.5, 28.6%, 31%)

Harmony colors

Complementary

#b09e49

Analogous

#498eb0

#495bb0

#6a49b0

Triadic

#495bb0

#b0495b

#5bb049

Split-complementary

#495bb0

#b06a49

#8eb049

Tetradic

#495bb0

#9e49b0

#b09e49

#5bb049

Square

#495bb0

#b0498e

#b09e49

#49b06a

Shades

Color #495bb0 mixed toward black.

#3d4c93

#313d75

#242d58

#181e3b

#0c0f1d

Tints

Color #495bb0 mixed toward white.

#6575bf

#8491cc

#a3acd9

#c1c8e5

#e0e3f2

Tones

Color #495bb0 mixed toward gray.

#5261a7

#5a669f

#636c96

#6b718e

#747785

Accessibility

Aa White text on this color

6.16:1

Aa Black text on this color

3.41:1

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

Under color vision deficiencies

Protanopia

#5152a1 · ΔE 4.5

Deuteranopia

#504f9d · ΔE 5.5

Tritanopia

#4a9390 · ΔE 32.6

Achromatopsia

#616161 · ΔE 24

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

Code

CSS

background-color: #495bb0;

Tailwind (arbitrary value)

bg-[#495bb0]

Related colors

Royal Blue #4169e1

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Dark Blue #00008b

Ghost White #f8f8ff

Frequently asked questions

#495bb0 (#495bb0) is rgb(73, 91, 176) in RGB.

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

Generate a palette → Check contrast