#041dd1

Color #041dd1

A vivid, highly saturated medium blue.

Closest named color Medium Blue #0000cd · ΔE 7.9 Nearest Tailwind class indigo-700 #432dd7 · ΔE 4.8

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

Conversions

HEX

#041dd1

RGB

rgb(4, 29, 209)

HSL

hsl(232.7, 96.2%, 41.8%)

HSV / HSB

hsv(232.7, 98.1%, 82%)

CMYK

cmyk(98.1%, 86.1%, 0%, 18%)

LAB

lab(28.13, 60.57, -88.55)

LCH

lch(28.13, 107.28, 304.37)

OKLCH

oklch(40.7%, 0.2575, 264.59)

HWB

hwb(232.7, 1.6%, 18%)

Harmony colors

Complementary

#d1b804

Analogous

#0484d1

#041dd1

#5204d1

Triadic

#041dd1

#d1041d

#1dd104

Split-complementary

#041dd1

#d15204

#84d104

Tetradic

#041dd1

#b804d1

#d1b804

#1dd104

Square

#041dd1

#d10484

#d1b804

#04d152

Shades

Color #041dd1 mixed toward black.

#0318ae

#03138b

#020f69

#010a46

#010523

Tints

Color #041dd1 mixed toward white.

#0c29fa

#3d54fb

#6d7ffc

#9eaafd

#ced4fe

Tones

Color #041dd1 mixed toward gray.

#152ac0

#2637af

#37449e

#48518d

#5a5e7c

Accessibility

Aa White text on this color

9.99:1

Aa Black text on this color

2.1:1

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

Under color vision deficiencies

Protanopia

#1212b9 · ΔE 3.6

Deuteranopia

#100eb3 · ΔE 4.6

Tritanopia

#06a39e · ΔE 49.6

Achromatopsia

#424242 · ΔE 31.4

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

Code

CSS

background-color: #041dd1;

Tailwind (arbitrary value)

bg-[#041dd1]

Related colors

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Dark Blue #00008b

Ghost White #f8f8ff

Medium Blue #0000cd

Frequently asked questions

#041dd1 (#041dd1) is rgb(4, 29, 209) in RGB.

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

Generate a palette → Check contrast