#3A83BD

A medium, moderate blue closely aligning with Steelblue.

About #3A83BD

At its core, #3A83BD is a medium and moderate hue. 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 58, 131, and 189.

If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 69% C, 31% M, 0% Y, and 26% K. The HSL representation is 206.6° hue, 53.0% saturation, and 48.4% lightness.

When using this color as a background, text legibility must be considered. To prevent eye strain, #000000 text pairs best with this hex code. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#3A83BD
RGB58, 131, 189
HSL206.6°, 53.0%, 48.4%
CMYK69%, 31%, 0%, 26%
HSV206.6°, 69.3%, 74.1%
LAB52.7, -3.7, -37.0
XYZ19.0, 20.8, 51.2
Decimal3834813

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

4.07:1
Text on #FFFFFF
AA Large
5.16:1
Text on #000000
AA
3.89:1
Text on #F8FAFC
AA Large
4.39:1
Text on #0F172A
AA Large

CSS Implementation

.bg-color { background-color: #3A83BD; }
.text-color { color: #3A83BD; }
.border-color { border: 2px solid #3A83BD; }

Similar Colors

Steelblue
#4682B4