#42578A

A medium, moderate blue closely aligning with Steelblue.

About #42578A

When working with digital screens, the color #42578A is rendered by mixing light. 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, 87, and 138.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 52% cyan and 37% magenta inks. The HSL representation is 222.5° hue, 35.3% saturation, and 40.0% lightness.

From a UX and accessibility standpoint, contrast is paramount. Because it is a medium color, it is generally recommended to use #FFFFFF text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#42578A
RGB66, 87, 138
HSL222.5°, 35.3%, 40.0%
CMYK52%, 37%, 0%, 46%
HSV222.5°, 52.2%, 54.1%
LAB37.5, 7.3, -30.9
XYZ10.2, 9.8, 25.4
Decimal4347786

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

7.09:1
Text on #FFFFFF
AAA
2.96:1
Text on #000000
FAIL
6.78:1
Text on #F8FAFC
AA
2.52:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #42578A; }
.text-color { color: #42578A; }
.border-color { border: 2px solid #42578A; }

Similar Colors

Steelblue
#4682B4