#3342BD

A medium, moderate blue closely aligning with Slateblue.

About #3342BD

When working with digital screens, the color #3342BD is rendered by mixing light. It is closely associated with the named CSS color Slateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 51, 66, and 189.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 73% Cyan, 65% Magenta, 0% Yellow, and 26% Black. Always request a physical proof before doing a large print run with this exact code.

Ensuring your text is legible against this background is a key part of web design. To prevent eye strain, #FFFFFF text pairs best with this hex code. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#3342BD
RGB51, 66, 189
HSL233.5°, 57.5%, 47.1%
CMYK73%, 65%, 0%, 26%
HSV233.5°, 73.0%, 74.1%
LAB34.5, 36.4, -66.2
XYZ12.5, 8.3, 49.1
Decimal3359421

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

7.91:1
Text on #FFFFFF
AAA
2.65:1
Text on #000000
FAIL
7.56:1
Text on #F8FAFC
AAA
2.26:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #3342BD; }
.text-color { color: #3342BD; }
.border-color { border: 2px solid #3342BD; }

Similar Colors

Slateblue
#6A5ACD