#180db5

Color #180db5

A vivid, highly saturated dark blue.

Closest named color Medium Blue #0000cd · ΔE 14.24 Nearest Tailwind class indigo-800 #372aac · ΔE 5.1

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

Conversions

HEX

#180db5

RGB

rgb(24, 13, 181)

HSL

hsl(243.9, 86.6%, 38%)

HSV / HSB

hsv(243.9, 92.8%, 71%)

CMYK

cmyk(86.7%, 92.8%, 0%, 29%)

LAB

lab(23.06, 58.34, -80.5)

LCH

lch(23.06, 99.42, 305.93)

OKLCH

oklch(36.3%, 0.2328, 268.08)

HWB

hwb(243.9, 5.1%, 29%)

Harmony colors

Complementary

#aab50d

Analogous

#0d56b5

#180db5

#6c0db5

Triadic

#180db5

#b5180d

#0db518

Split-complementary

#180db5

#b56c0d

#56b50d

Tetradic

#180db5

#b50daa

#aab50d

#0db518

Square

#180db5

#b50d56

#aab50d

#0db56c

Shades

Color #180db5 mixed toward black.

#140b97

#100979

#0c065a

#08043c

#04021e

Tints

Color #180db5 mixed toward white.

#1e11e6

#463af1

#746bf4

#a39df8

#d1cefb

Tones

Color #180db5 mixed toward gray.

#241ba7

#302999

#3c378b

#49457d

#55536f

Accessibility

Aa White text on this color

11.91:1

Aa Black text on this color

1.76:1

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

Under color vision deficiencies

Protanopia

#1414a0 · ΔE 2.8

Deuteranopia

#14159a · ΔE 3.6

Tritanopia

#188c88 · ΔE 45

Achromatopsia

#373737 · ΔE 30.7

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

Code

CSS

background-color: #180db5;

Tailwind (arbitrary value)

bg-[#180db5]

Related colors

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Dark Blue #00008b

Ghost White #f8f8ff

Medium Blue #0000cd

Frequently asked questions

#180db5 (#180db5) is rgb(24, 13, 181) in RGB.

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

Generate a palette → Check contrast