Maroon Colors  ·  Color Library

Palettes / Colors / #040490

#040490 — Vivid Blue

#040490 is a blue color we call Vivid Blue, closest to the named color DarkBlue (#00008B). It belongs to the blue family.

#040490 is a cool blue color associated with trust, calm and professionalism. It is saturated enough to be the accent — buttons, highlights and calls to action — while neutrals do the quiet work around it.

Its strongest partner is its complement #909004; it also sits naturally between #044A90 and #4A0490. In the palettes below you can see it working alongside real color combinations from our collection.

#040490 · RGB 4, 4, 144

Download PNG swatch SVG

Color values

HEX#040490
RGB4, 4, 144
HSL240°, 95%, 29%
HSV240°, 97%, 56%
CMYK97%, 97%, 0%, 44%
XYZ5.13, 2.13, 26.53
Yxy2.13, 0.1518, 0.0629
CIE-Lab16.14, 50.41, -69.50
Hunter Lab14.58, 38.63, -102.23

RGB & CMYK percentages

Red 2% · Green 2% · Blue 56%

Cyan 97% · Magenta 97% · Yellow 0% · Key 44%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #040490 on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #040490 on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #040490

.text { color: #040490; }
.background { background-color: #040490; }
.border { border: 3px solid #040490; }
.text-rgb { color: rgb(4, 4, 144); }
.text-hsl { color: hsl(240, 95%, 29%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #040490; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(4, 4, 144, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #040490; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(4, 4, 144, 0.8); }

HTML: <p style="color:#040490">Text here</p> · <div style="background-color:#040490">Div content here</div>

Shades of #040490

#030386#030377#03036D#02025E#020255#020246#02023C#01012D#010123#010114

Tints of #040490

#0505B3#0505D1#0606F4#2424F9#4747FA#6565FB#8888FC#AAAAFD#C8C8FE#EBEBFE

Tones of #040490

#0E0E86#18187C#222272#2C2C68#36365E#404054

Color harmonies

Complementary — #909004:

Analogous:

Triadic:

Contrast & accessibility

Against white text14.73:1 AAA
Against black text1.43:1 Fails

Best text color on #040490: #FFFFFF.

How #040490 looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #04046EDeuteranopia · #040466Tritanopia · #04534E

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Material Indigo 500 · #3F51B5Bootstrap dark · #212529Tailwind slate 600 · #475569

Palettes with a similar color

These palettes use a close neighbour of #040490 rather than the exact color:

Palette 00028c
#00028C · #21AA93 · #01676B · #FFC3E7
Palette 04009a
#04009A · #77ACF1 · #3EDBF0 · #C0FEFC
Palette 050c9c
#050C9C · #3572EF · #3ABEF9 · #A7E6FF
Palette 000080
#000080 · #FF0000 · #9E2A3A · #3A2525
Smoky Ruby Drift
#0E376C · #10128E · #782FE0 · #C72CE6
Palette 11009e
#11009E · #4942E4 · #E6B9DE · #FAE7F3

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#00028C#04009A#050C9C#000080#10128E#11009E#0802A3#0B0B7A#190482#121481#111783#161688

Browse neighbouring colors

← #04048F  ·  #040491 →

Frequently asked questions

What color is #040490?

#040490 is Vivid Blue, a blue color (RGB 4, 4, 144). Its closest standard named color is DarkBlue.

What is the RGB and HSL of #040490?

#040490 is RGB 4, 4, 144 — HSL 240°, 95%, 29% — CMYK 97%, 97%, 0%, 44%.

What colors go with #040490?

Its complement is #909004; analogous partners are #044A90 and #4A0490. It also appears in 6+ palettes in our collection.

Can I use #040490 for text?

White text on #040490 has a contrast ratio of 14.73:1 (passes WCAG AA); black text gives 1.43:1.