ColorXprez

#507BB3

Steel Blue · medium cool blue

About #507BB3

#507BB3 is a medium, moderately saturated blue colour. Digitally that works out to 31% red, 48% green and 70% blue. In CMYK print terms it is 55% cyan, 31% magenta, 0% yellow and 30% black. Most people will perceive it as cool.

Visually it is very close to Steel Blue (ΔE 6.4), with Cerulean the next nearest named colour. Across the colour wheel sits #B38850 (camel), its complementary partner.

Because it is medium, it is most useful for illustrations, icons and secondary elements. Put black text on top of it — 4.83:1, a WCAG AA pass.

Colour codes

HEX
RGB
HSL
HSV / HSB
CMYK
CIELAB
Decimal
CSS
Red80
Green123
Blue179

Closest named colours

Steel Blue
#4682B4 · ΔE 6.4
Cerulean
#007BA7 · ΔE 14.6
Cornflower
#6495ED · ΔE 20.2

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

Text on #507BB3

WCAG contrast for white and black text on this colour.

White heading text
Body copy set on steel blue #507BB3.
4.35:1AA Large
Black heading text
Body copy set on steel blue #507BB3.
4.83:1AA

Colour-blindness preview

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

Normal vision
#507BB3
Protanopia (no red cones)
#647EB5
Deuteranopia (no green cones)
#5875B2
Tritanopia (no blue cones)
#0F888F

Shades, tints & matching colours

Tints and shades

Complementary

Analogous

Triadic

Split complementary

Tetradic

Similar colours

Frequently asked questions

›What colour is #507BB3?

#507BB3 is a medium, moderately saturated blue colour. Digitally that works out to 31% red, 48% green and 70% blue. In CMYK print terms it is 55% cyan, 31% magenta, 0% yellow and 30% black. Most people will perceive it as cool.

›What text colour should I use on #507BB3?

Use black text. Black on #507BB3 has a contrast ratio of 4.83:1 (AA).

›What colours go with #507BB3?

Its complementary colour is #B38850, and analogous partners are #50ACB3 and #5750B3.