HEX Color #508AC5 (Steelblue)

About #508AC5

The precise color #508AC5 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Steelblue. To achieve this exact tint on a monitor, you would use an RGB mix of 80, 138, and 197.

If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 59% C, 30% M, 0% Y, and 23% K. With a hue angle of 210.3 degrees, it sits comfortably in the blue spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#508AC5

RGB80, 138, 197

HSL210.3°, 50.2%, 54.3%

CMYK59%, 30%, 0%, 23%

HSV210.3°, 59.4%, 77.3%

LAB56.0, -1.2, -36.3

XYZ22.5, 23.9, 56.3

Decimal5278405

Color Harmonies

Complementary

#508AC5 #C48B50

Analogous

#50C4C4 #5050C4

Triadic

#C4508A #8AC450

Tetradic

#C450C4 #C48B50 #50C450

Tints, Shades & Tones

Tints (Adding White)

#508AC5

#6397CB

#76A4D1

#8AB1D8

#9DBEDE

#B1CBE5

#C4D8EB

#D8E5F2

#EBF2F8

#FFFFFF

Shades (Adding Black)

#508AC5

#477AAF

#3E6B99

#355C83

#2C4C6D

#233D57

#1A2E41

#111E2B

#080F15

#000000

WCAG Contrast Accessibility

3.63:1

Text on #FFFFFF

AA Large

5.78:1

Text on #000000

AA

3.47:1

Text on #F8FAFC

AA Large

4.92:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #508AC5; }

.text-color { color: #508AC5; }

.border-color { border: 2px solid #508AC5; }

Similar Colors

Steelblue

#4682B4