Blue

UltraViolet

#5F4B8B
HEX
#5F4B8B
RGB
rgb(95, 75, 139)
HSL
hsl(259, 30%, 42%)

Blue family

About UltraViolet

UltraViolet (#5F4B8B) is a dark, muted blue. Blue is the world's most popular favorite color, associated with trust, calm and depth, and this shade carries that steady, dependable character.

Psychology

Blue lowers stress and is associated with trust, intelligence and reliability. It is the color of stability and competence, which is why so many banks, insurers and technology companies build their brands around it.

Applications

Blue dominates corporate, financial, healthcare and technology design. Light blues feel airy and clean, while deep blues convey authority and luxury. It is also the default for links and primary buttons in countless interfaces.

History

Ultramarine was once made from ground lapis lazuli and was more expensive than gold, reserved for the robes of the Virgin Mary in Renaissance art. Prussian blue and synthetic ultramarine later made blue affordable and ubiquitous.

Meaning

Blue commonly means trust, peace, loyalty and wisdom. In some cultures it is protective, in others it signifies sadness, and it is widely used in flags and institutions to project stability.

Why use this color

Choose blue when you want to build trust, calm and professionalism. It is the safest choice for corporate and financial brands and for interfaces where clarity and reliability matter most.

Accessibility

Against white, #5F4B8B has a 7.3:1 contrast ratio; against black it is 2.9:1. White text on #5F4B8B meets WCAG AA for normal text.

Fun facts

  • Blue is the most commonly cited favorite color worldwide.
  • Ultramarine was once more expensive than gold because it came from lapis lazuli.
  • Blue light has a short wavelength, which is why the sky and distant mountains look blue.

Shades, tints & tones

Variations

Ten lightness steps plus UltraViolet's tints, shades and tones — every swatch copies its hex on click.

Lightness scale

Tints (toward white)

Shades (toward black)

Tones (toward gray)

Color theory

Color harmonies

Proven schemes built around UltraViolet. Each swatch is one click from your clipboard.

Complementary

#5f4b8b#778b4b

Analogous

#4b578b#5f4b8b#7f4b8b

Triadic

#5f4b8b#8b5f4b#4b8b5f

Split-complementary

#5f4b8b#8b7f4b#578b4b

Tetradic

#5f4b8b#8b4b57#778b4b#4b8b7f

Monochromatic

#221b32#49396a#7159a6#a495c6#d5cde4

Accessibility

Blindness simulator

See how UltraViolet is perceived with common types of color vision deficiency.

#5F4B8B

Normal vision

Standard trichromatic vision, shown for reference.

#37568d

Protanopia

Red-blind. Reds look darker and can be confused with greens and browns.

#3b5589

Deuteranopia

Green-blind. Greens look muted and can be confused with reds and browns.

#565764

Tritanopia

Blue-blind. Blues look greenish and yellows fade toward pink.

#565656

Achromatopsia

Complete color blindness. Everything is seen in shades of gray.

WCAG

Contrast checker

How UltraViolet performs against black and white text, with WCAG AA and AAA ratings.

AaWhite on UltraViolet
7.33:1
AAAAAAA LargeAAA Large
AaBlack on UltraViolet
2.87:1
AAAAAAA LargeAAA Large

The ratio is identical whether UltraViolet is used as the text or the background.

Open the full checker

Ready to use

Color palettes

Curated palettes that put UltraViolet to work, with copy-all support for each.

Complementary

Roughly 180° across the wheel from #5F4B8B (hue 259°) sits #778b4b, held together by the #a59abc tint and the neutrals #f4f4f5 and #18181b.

Analogous

#5F4B8B with its two closest neighbours, #4b578b and #7f4b8b, for a 30%-saturation run that stays inside one family; #a59abc and #271e38 add depth without breaking it.

Triadic

#5F4B8B plus #8b5f4b and #4b8b5f, a triangle that sits 120° apart at every corner, with #f4f4f5 and #18181b doing the quiet work underneath.

Monochromatic

One hue at 5 lightness steps: #f4f2f8 through #0e0b14, starting from #5F4B8B at 42% lightness.

UltraViolet (#5F4B8B) is a blue-family color. Use its values, variations, harmonies and palettes above to put it to work in your next design.

Frequently asked questions

UltraViolet is #5F4B8B — rgb(95, 75, 139) / hsl(259, 30%, 42%). UltraViolet (#5F4B8B) is a dark, muted blue. Blue is the world's most popular favorite color, associated with trust, calm and depth, and this shade carries that steady, dependable character.

Good to know

  • UltraViolet is one of 609 named colors in the library.
  • Its complementary hue sits 180° away on the color wheel: #778b4b.

More color tools

Next steps for UltraViolet: each of these picks the value up where this page leaves off, so nothing gets retyped or re-uploaded.