#1d58b1

Color #1d58b1

A vivid, highly saturated medium blue.

Closest named color Dark Slate Blue #483d8b · ΔE 17.04 Nearest Tailwind class sky-800 #00598a · ΔE 7.1

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

Conversions

HEX

#1d58b1

RGB

rgb(29, 88, 177)

HSL

hsl(216.1, 71.8%, 40.4%)

HSV / HSB

hsv(216.1, 83.6%, 69.4%)

CMYK

cmyk(83.6%, 50.3%, 0%, 30.6%)

LAB

lab(38.57, 15.1, -52.6)

LCH

lch(38.57, 54.72, 286.02)

OKLCH

oklch(47.5%, 0.1543, 259.02)

HWB

hwb(216.1, 11.4%, 30.6%)

Harmony colors

Complementary

#b1761d

Analogous

#1da2b1

#1d58b1

#2c1db1

Triadic

#1d58b1

#b11d58

#58b11d

Split-complementary

#1d58b1

#b12c1d

#a2b11d

Tetradic

#1d58b1

#761db1

#b1761d

#58b11d

Square

#1d58b1

#b11da2

#b1761d

#1db12c

Shades

Color #1d58b1 mixed toward black.

#184993

#133b76

#0f2c58

#0a1d3b

#050f1d

Tints

Color #1d58b1 mixed toward white.

#256edb

#518be2

#7ca8ea

#a8c5f1

#d3e2f8

Tones

Color #1d58b1 mixed toward gray.

#295aa5

#365d98

#425f8c

#4e6280

#5b6573

Accessibility

Aa White text on this color

6.81:1

Aa Black text on this color

3.08:1

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

Under color vision deficiencies

Protanopia

#3f3fa1 · ΔE 10.7

Deuteranopia

#3b379d · ΔE 12.7

Tritanopia

#239390 · ΔE 34.1

Achromatopsia

#5b5b5b · ΔE 24.6

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

Code

CSS

background-color: #1d58b1;

Tailwind (arbitrary value)

bg-[#1d58b1]

Related colors

Light Steel Blue #b0c4de

Cornflower Blue #6495ed

Light Slate Gray #778899

Slate Gray #708090

Dodger Blue #1e90ff

Alice Blue #f0f8ff

Frequently asked questions

#1d58b1 (#1d58b1) is rgb(29, 88, 177) in RGB.

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

Generate a palette → Check contrast