#3A6692

A medium, moderate blue closely aligning with Steelblue.

About #3A6692

The precise color #3A6692 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Steelblue. Its digital footprint relies on 58 parts red, 102 parts green, and 146 parts blue light.

If you are designing for print, the four-color process is what matters most. The color uses 60% Cyan, 30% Magenta, 0% Yellow, and 43% Black. With a hue angle of 210.0 degrees, it sits comfortably in the blue spectrum.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#3A6692
RGB58, 102, 146
HSL210.0°, 43.1%, 40.0%
CMYK60%, 30%, 0%, 43%
HSV210.0°, 60.3%, 57.3%
LAB42.0, -1.2, -28.7
XYZ11.7, 12.5, 29.0
Decimal3827346

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

6.01:1
Text on #FFFFFF
AA
3.50:1
Text on #000000
AA Large
5.74:1
Text on #F8FAFC
AA
2.97:1
Text on #0F172A
FAIL

CSS Implementation

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

Similar Colors

Steelblue
#4682B4