#4266A0

A medium, moderate blue closely aligning with Steelblue.

About #4266A0

The precise color #4266A0 is an excellent choice for modern design projects. 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 66, 102, and 160.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 59% Cyan, 36% Magenta, 0% Yellow, and 37% Black. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #FFFFFF typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#4266A0
RGB66, 102, 160
HSL217.0°, 41.6%, 44.3%
CMYK59%, 36%, 0%, 37%
HSV217.0°, 58.7%, 62.7%
LAB43.1, 5.3, -35.3
XYZ13.3, 13.2, 35.1
Decimal4351648

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

5.77:1
Text on #FFFFFF
AA
3.64:1
Text on #000000
AA Large
5.51:1
Text on #F8FAFC
AA
3.09:1
Text on #0F172A
AA Large

CSS Implementation

.bg-color { background-color: #4266A0; }
.text-color { color: #4266A0; }
.border-color { border: 2px solid #4266A0; }

Similar Colors

Steelblue
#4682B4