#50A0D3

A medium, moderate blue closely aligning with Steelblue.

About #50A0D3

The precise color #50A0D3 is an excellent choice for modern design projects. It is closely associated with the named CSS color Steelblue. To achieve this exact tint on a monitor, you would use an RGB mix of 80, 160, and 211.

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 62% C, 24% M, 0% Y, and 17% K. The HSL representation is 203.4° hue, 59.8% saturation, and 57.1% lightness.

When using this color as a background, text legibility must be considered. Because it is a medium color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#50A0D3
RGB80, 160, 211
HSL203.4°, 59.8%, 57.1%
CMYK62%, 24%, 0%, 17%
HSV203.4°, 62.1%, 82.7%
LAB63.0, -9.1, -33.3
XYZ27.6, 31.6, 66.3
Decimal5284051

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

2.87:1
Text on #FFFFFF
FAIL
7.31:1
Text on #000000
AAA
2.75:1
Text on #F8FAFC
FAIL
6.21:1
Text on #0F172A
AA

CSS Implementation

.bg-color { background-color: #50A0D3; }
.text-color { color: #50A0D3; }
.border-color { border: 2px solid #50A0D3; }

Similar Colors

Steelblue
#4682B4