#2e5ac2

Color #2e5ac2

A moderately saturated medium blue.

Closest named color Royal Blue #4169e1 · ΔE 10.35 Nearest Tailwind class blue-600 #155dfc · ΔE 7.1

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

Conversions

HEX

#2e5ac2

RGB

rgb(46, 90, 194)

HSL

hsl(222.2, 61.7%, 47.1%)

HSV / HSB

hsv(222.2, 76.3%, 76.1%)

CMYK

cmyk(76.3%, 53.6%, 0%, 23.9%)

LAB

lab(40.87, 22.12, -58.81)

LCH

lch(40.87, 62.83, 290.61)

OKLCH

oklch(49.8%, 0.1705, 263.94)

HWB

hwb(222.2, 18%, 23.9%)

Harmony colors

Complementary

#c2962e

Analogous

#2ea4c2

#2e5ac2

#4c2ec2

Triadic

#2e5ac2

#c22e5a

#5ac22e

Split-complementary

#2e5ac2

#c24c2e

#a4c22e

Tetradic

#2e5ac2

#962ec2

#c2962e

#5ac22e

Square

#2e5ac2

#c22ea4

#c2962e

#2ec24c

Shades

Color #2e5ac2 mixed toward black.

#264ba2

#1f3c81

#172d61

#0f1e41

#080f20

Tints

Color #2e5ac2 mixed toward white.

#4972d4

#6e8fdd

#92abe5

#b6c7ee

#dbe3f6

Tones

Color #2e5ac2 mixed toward gray.

#3a5fb6

#4764aa

#53699d

#5f6e91

#6c7384

Accessibility

Aa White text on this color

6.25:1

Aa Black text on this color

3.36:1

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

Under color vision deficiencies

Protanopia

#4546b0 · ΔE 8.2

Deuteranopia

#433fab · ΔE 10.1

Tritanopia

#31a09c · ΔE 37.6

Achromatopsia

#606060 · ΔE 26.1

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

Code

CSS

background-color: #2e5ac2;

Tailwind (arbitrary value)

bg-[#2e5ac2]

Related colors

Royal Blue #4169e1

Cornflower Blue #6495ed

Light Steel Blue #b0c4de

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Frequently asked questions

#2e5ac2 (#2e5ac2) is rgb(46, 90, 194) in RGB.

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

Generate a palette → Check contrast