#183aa5

Color #183aa5

A vivid, highly saturated dark blue.

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

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

Conversions

HEX

#183aa5

RGB

rgb(24, 58, 165)

HSL

hsl(225.5, 74.6%, 37.1%)

HSV / HSB

hsv(225.5, 85.5%, 64.7%)

CMYK

cmyk(85.5%, 64.8%, 0%, 35.3%)

LAB

lab(29.25, 30.11, -60.63)

LCH

lch(29.25, 67.69, 296.41)

OKLCH

oklch(40.2%, 0.1763, 265.19)

HWB

hwb(225.5, 9.4%, 35.3%)

Harmony colors

Complementary

#a58318

Analogous

#1881a5

#183aa5

#3c18a5

Triadic

#183aa5

#a5183a

#3aa518

Split-complementary

#183aa5

#a53c18

#81a518

Tetradic

#183aa5

#8318a5

#a58318

#3aa518

Square

#183aa5

#a51881

#a58318

#18a53c

Shades

Color #183aa5 mixed toward black.

#14308a

#10276e

#0c1d53

#081337

#040a1c

Tints

Color #183aa5 mixed toward white.

#1f4bd4

#446be4

#7390eb

#a2b5f1

#d0daf8

Tones

Color #183aa5 mixed toward gray.

#244099

#30468e

#3b4c82

#475276

#53596a

Accessibility

Aa White text on this color

9.6:1

Aa Black text on this color

2.19:1

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

Under color vision deficiencies

Protanopia

#2a2b94 · ΔE 5.3

Deuteranopia

#28268f · ΔE 6.7

Tritanopia

#1b8480 · ΔE 37.9

Achromatopsia

#454545 · ΔE 26.9

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

Code

CSS

background-color: #183aa5;

Tailwind (arbitrary value)

bg-[#183aa5]

Related colors

Royal Blue #4169e1

Cornflower Blue #6495ed

Light Steel Blue #b0c4de

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Frequently asked questions

#183aa5 (#183aa5) is rgb(24, 58, 165) in RGB.

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

Generate a palette → Check contrast