#000c4a

Color #000c4a

A vivid, highly saturated very dark blue.

Closest named color Midnight Blue #191970 · ΔE 16.33 Nearest Tailwind class indigo-950 #1e1a4d · ΔE 5

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

Conversions

HEX

#000c4a

RGB

rgb(0, 12, 74)

HSL

hsl(230.3, 100%, 14.5%)

HSV / HSB

hsv(230.3, 100%, 29%)

CMYK

cmyk(100%, 83.8%, 0%, 71%)

LAB

lab(6.84, 23.15, -38.99)

LCH

lch(6.84, 45.34, 300.7)

OKLCH

oklch(20.6%, 0.1142, 263.77)

HWB

hwb(230.3, 0%, 71%)

Harmony colors

Complementary

#4a3e00

Analogous

#00314a

#000c4a

#19004a

Triadic

#000c4a

#4a000c

#0c4a00

Split-complementary

#000c4a

#4a1900

#314a00

Tetradic

#000c4a

#3e004a

#4a3e00

#0c4a00

Square

#000c4a

#4a0031

#4a3e00

#004a19

Shades

Color #000c4a mixed toward black.

#000a3e

#000831

#000625

#000419

#00020c

Tints

Color #000c4a mixed toward white.

#001893

#0023db

#2548ff

#6e85ff

#b6c2ff

Tones

Color #000c4a mixed toward gray.

#061044

#0c143e

#121837

#191d31

#1f212b

Accessibility

Aa White text on this color

18.24:1

Aa Black text on this color

1.15:1

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

Under color vision deficiencies

Protanopia

#050541 · ΔE 1.9

Deuteranopia

#05043f · ΔE 2.2

Tritanopia

#013937 · ΔE 28.8

Achromatopsia

#151515 · ΔE 23.1

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

Code

CSS

background-color: #000c4a;

Tailwind (arbitrary value)

bg-[#000c4a]

Related colors

Royal Blue #4169e1

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Dark Blue #00008b

Ghost White #f8f8ff

Frequently asked questions

#000c4a (#000c4a) is rgb(0, 12, 74) in RGB.

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

Generate a palette → Check contrast