#3749be

Color #3749be

A moderately saturated medium blue.

Closest named color Slate Blue #6a5acd · ΔE 11 Nearest Tailwind class blue-800 #193cb8 · ΔE 4.2

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

Conversions

HEX

#3749be

RGB

rgb(55, 73, 190)

HSL

hsl(232, 55.1%, 48%)

HSV / HSB

hsv(232, 71.1%, 74.5%)

CMYK

cmyk(71.1%, 61.6%, 0%, 25.5%)

LAB

lab(36.54, 32.77, -63.5)

LCH

lch(36.54, 71.46, 297.3)

OKLCH

oklch(46.6%, 0.1833, 270.72)

HWB

hwb(232, 21.6%, 25.5%)

Harmony colors

Complementary

#beac37

Analogous

#378cbe

#3749be

#6837be

Triadic

#3749be

#be3749

#49be37

Split-complementary

#3749be

#be6837

#8cbe37

Tetradic

#3749be

#ac37be

#beac37

#49be37

Square

#3749be

#be378c

#beac37

#37be68

Shades

Color #3749be mixed toward black.

#2e3d9e

#25317f

#1b245f

#12183f

#090c20

Tints

Color #3749be mixed toward white.

#5464cd

#7683d7

#98a2e1

#bac1eb

#dde0f5

Tones

Color #3749be mixed toward gray.

#4251b3

#4d59a7

#59629c

#646a91

#6f7286

Accessibility

Aa White text on this color

7.35:1

Aa Black text on this color

2.86:1

White text reads better on this background (7.35:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#4040ab · ΔE 4

Deuteranopia

#3e3da6 · ΔE 5

Tritanopia

#389995 · ΔE 39.6

Achromatopsia

#565656 · ΔE 27.4

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

Code

CSS

background-color: #3749be;

Tailwind (arbitrary value)

bg-[#3749be]

Related colors

Royal Blue #4169e1

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Dark Blue #00008b

Ghost White #f8f8ff

Frequently asked questions

#3749be (#3749be) is rgb(55, 73, 190) in RGB.

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

Generate a palette → Check contrast