#2d3cbb

Color #2d3cbb

A moderately saturated medium blue.

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

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

Conversions

HEX

#2d3cbb

RGB

rgb(45, 60, 187)

HSL

hsl(233.7, 61.2%, 45.5%)

HSV / HSB

hsv(233.7, 75.9%, 73.3%)

CMYK

cmyk(75.9%, 67.9%, 0%, 26.7%)

LAB

lab(32.65, 38.78, -68.14)

LCH

lch(32.65, 78.4, 299.65)

OKLCH

oklch(43.5%, 0.1972, 270.2)

HWB

hwb(233.7, 17.6%, 26.7%)

Harmony colors

Complementary

#bbac2d

Analogous

#2d83bb

#2d3cbb

#652dbb

Triadic

#2d3cbb

#bb2d3c

#3cbb2d

Split-complementary

#2d3cbb

#bb652d

#83bb2d

Tetradic

#2d3cbb

#ac2dbb

#bbac2d

#3cbb2d

Square

#2d3cbb

#bb2d83

#bbac2d

#2dbb65

Shades

Color #2d3cbb mixed toward black.

#26329c

#1e287d

#171e5e

#0f143e

#080a1f

Tints

Color #2d3cbb mixed toward white.

#4453d2

#6a76db

#8f98e4

#b4baed

#daddf6

Tones

Color #2d3cbb mixed toward gray.

#3945af

#454fa3

#515898

#5c618c

#686b80

Accessibility

Aa White text on this color

8.48:1

Aa Black text on this color

2.48:1

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

Under color vision deficiencies

Protanopia

#3434a7 · ΔE 3.5

Deuteranopia

#3332a2 · ΔE 4.3

Tritanopia

#2e9591 · ΔE 41.3

Achromatopsia

#4d4d4d · ΔE 28.4

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

Code

CSS

background-color: #2d3cbb;

Tailwind (arbitrary value)

bg-[#2d3cbb]

Related colors

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Dark Blue #00008b

Ghost White #f8f8ff

Medium Blue #0000cd

Frequently asked questions

#2d3cbb (#2d3cbb) is rgb(45, 60, 187) in RGB.

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

Generate a palette → Check contrast