#1b0a95

Color #1b0a95

A vivid, highly saturated dark blue.

Closest named color Dark Blue #00008b · ΔE 3.7 Nearest Tailwind class violet-900 #4d179a · ΔE 6.2

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

Conversions

HEX

#1b0a95

RGB

rgb(27, 10, 149)

HSL

hsl(247.3, 87.4%, 31.2%)

HSV / HSB

hsv(247.3, 93.3%, 58.4%)

CMYK

cmyk(81.9%, 93.3%, 0%, 41.6%)

LAB

lab(18.45, 50.41, -68.72)

LCH

lch(18.45, 85.23, 306.26)

OKLCH

oklch(32%, 0.1986, 271.07)

HWB

hwb(247.3, 3.9%, 41.6%)

Harmony colors

Complementary

#84950a

Analogous

#0a3f95

#1b0a95

#600a95

Triadic

#1b0a95

#951b0a

#0a951b

Split-complementary

#1b0a95

#95600a

#3f950a

Tetradic

#1b0a95

#950a84

#84950a

#0a951b

Square

#1b0a95

#950a3f

#84950a

#0a9560

Shades

Color #1b0a95 mixed toward black.

#16087c

#120763

#0d054b

#090332

#040219

Tints

Color #1b0a95 mixed toward white.

#250ecc

#3d24f0

#6d5bf4

#9e91f8

#cec8fb

Tones

Color #1b0a95 mixed toward gray.

#24168a

#2c217e

#352d72

#3e3867

#47445b

Accessibility

Aa White text on this color

13.78:1

Aa Black text on this color

1.52:1

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

Under color vision deficiencies

Protanopia

#151583 · ΔE 3.2

Deuteranopia

#16177f · ΔE 3.9

Tritanopia

#1a736f · ΔE 40.2

Achromatopsia

#2d2d2d · ΔE 29.2

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

Code

CSS

background-color: #1b0a95;

Tailwind (arbitrary value)

bg-[#1b0a95]

Related colors

Slate Blue #6a5acd

Dark Slate Blue #483d8b

Medium Slate Blue #7b68ee

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Frequently asked questions

#1b0a95 (#1b0a95) is rgb(27, 10, 149) in RGB.

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

Generate a palette → Check contrast