#505F83

A medium, muted blue closely aligning with Steelblue.

About #505F83

When working with digital screens, the color #505F83 is rendered by mixing light. 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, 95, and 131.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 39% cyan, 27% magenta, 0% yellow, and 49% black. Always request a physical proof before doing a large print run with this exact code.

When using this color as a background, text legibility must be considered. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#505F83
RGB80, 95, 131
HSL222.4°, 24.2%, 41.4%
CMYK39%, 27%, 0%, 49%
HSV222.4°, 38.9%, 51.4%
LAB40.5, 3.9, -21.9
XYZ11.5, 11.5, 23.1
Decimal5267331

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

6.35:1
Text on #FFFFFF
AA
3.31:1
Text on #000000
AA Large
6.07:1
Text on #F8FAFC
AA
2.81:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #505F83; }
.text-color { color: #505F83; }
.border-color { border: 2px solid #505F83; }

Similar Colors

Steelblue
#4682B4