#040c2b

Color #040c2b

A vivid, highly saturated very dark blue.

Closest named color Black #000000 · ΔE 22.44 Nearest Tailwind class slate-900 #0f172b · ΔE 4.6

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

Conversions

HEX

#040c2b

RGB

rgb(4, 12, 43)

HSL

hsl(227.7, 83%, 9.2%)

HSV / HSB

hsv(227.7, 90.7%, 16.9%)

CMYK

cmyk(90.7%, 72.1%, 0%, 83.1%)

LAB

lab(4.18, 7.26, -20.82)

LCH

lch(4.18, 22.05, 289.22)

OKLCH

oklch(17%, 0.0644, 266.35)

HWB

hwb(227.7, 1.6%, 83.1%)

Harmony colors

Complementary

#2b2304

Analogous

#041f2b

#040c2b

#0f042b

Triadic

#040c2b

#2b040c

#0c2b04

Split-complementary

#040c2b

#2b0f04

#1f2b04

Tetradic

#040c2b

#23042b

#2b2304

#0c2b04

Square

#040c2b

#2b041f

#2b2304

#042b0f

Shades

Color #040c2b mixed toward black.

#030a24

#03081d

#020615

#01040e

#010207

Tints

Color #040c2b mixed toward white.

#0b2072

#1133b8

#2b53eb

#728cf2

#b8c6f8

Tones

Color #040c2b mixed toward gray.

#070e28

#0a1024

#0e1221

#11141e

#14161b

Accessibility

Aa White text on this color

19.22:1

Aa Black text on this color

1.09:1

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

Under color vision deficiencies

Protanopia

#080826 · ΔE 2

Deuteranopia

#070624 · ΔE 2.4

Tritanopia

#042120 · ΔE 21.5

Achromatopsia

#0f0f0f · ΔE 15.3

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

Code

CSS

background-color: #040c2b;

Tailwind (arbitrary value)

bg-[#040c2b]

Related colors

Royal Blue #4169e1

Cornflower Blue #6495ed

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Dark Blue #00008b

Frequently asked questions

#040c2b (#040c2b) is rgb(4, 12, 43) in RGB.

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

Generate a palette → Check contrast