ColorXprez

#505A8A

Steel Blue · dark cool blue

About #505A8A

#505A8A is a moderately saturated, dark shade in the blue family. On screen it is built from 31% red, 35% green and 54% blue; for print, its CMYK mix is 42% cyan, 35% magenta, 0% yellow and 46% black. Its overall feel is cool.

Of the common colour names it is somewhere between Steel Blue and Prussian Blue (ΔE 19.1); Prussian Blue comes next. Its complementary colour, directly opposite on the colour wheel, is #8A8050 — a moss tone that gives the strongest contrast in hue.

Designers tend to use dark tones like #505A8A for headings, body text, footers and dark-mode backgrounds. White text reads best on it at 6.62:1 (a WCAG AA pass). Used as a text colour on white, it is readable too (6.62:1).

Colour codes

HEX
RGB
HSL
HSV / HSB
CMYK
CIELAB
Decimal
CSS
Red80
Green90
Blue138

Closest named colours

Steel Blue
#4682B4 · ΔE 19.1
Prussian Blue
#003153 · ΔE 22.4
Cerulean
#007BA7 · ΔE 23.5

ΔE measures visible difference: under 2 is barely noticeable, over 10 is clearly different.

Text on #505A8A

WCAG contrast for white and black text on this colour.

White heading text
Body copy set on steel blue #505A8A.
6.62:1AA
Black heading text
Body copy set on steel blue #505A8A.
3.17:1AA Large

Colour-blindness preview

How #505A8A appears to people with the three most common types of colour-vision deficiency.

Normal vision
#505A8A
Protanopia (no red cones)
#4A5F8C
Deuteranopia (no green cones)
#455A89
Tritanopia (no blue cones)
#3E646B

Shades, tints & matching colours

Tints and shades

Complementary

Analogous

Triadic

Split complementary

Tetradic

Similar colours

Frequently asked questions

›What colour is #505A8A?

#505A8A is a moderately saturated, dark shade in the blue family. On screen it is built from 31% red, 35% green and 54% blue; for print, its CMYK mix is 42% cyan, 35% magenta, 0% yellow and 46% black. Its overall feel is cool.

›What text colour should I use on #505A8A?

Use white text. White on #505A8A has a contrast ratio of 6.62:1 (AA).

›What colours go with #505A8A?

Its complementary colour is #8A8050, and analogous partners are #50778A and #63508A.