#3A6699

A medium, moderate blue closely aligning with Steelblue.

About #3A6699

When working with digital screens, the color #3A6699 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 58, 102, and 153.

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 62% cyan, 33% magenta, 0% yellow, and 40% black. With a hue angle of 212.2 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 #FFFFFF text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#3A6699
RGB58, 102, 153
HSL212.2°, 45.0%, 41.4%
CMYK62%, 33%, 0%, 40%
HSV212.2°, 62.1%, 60.0%
LAB42.3, 1.2, -32.4
XYZ12.2, 12.7, 31.9
Decimal3827353

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

5.93:1
Text on #FFFFFF
AA
3.54:1
Text on #000000
AA Large
5.67:1
Text on #F8FAFC
AA
3.01:1
Text on #0F172A
AA Large

CSS Implementation

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

Similar Colors

Steelblue
#4682B4