#3A3A66

A dark, muted blue closely aligning with Darkslateblue.

About #3A3A66

The precise color #3A3A66 is an excellent choice for modern design projects. It is closely associated with the named CSS color Darkslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 58, 58, and 102.

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

From a UX and accessibility standpoint, contrast is paramount. To prevent eye strain, #FFFFFF text pairs best with this hex code. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#3A3A66
RGB58, 58, 102
HSL240.0°, 27.5%, 31.4%
CMYK43%, 43%, 0%, 60%
HSV240.0°, 43.1%, 40.0%
LAB26.4, 12.4, -25.9
XYZ5.7, 4.9, 13.2
Decimal3816038

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

10.62:1
Text on #FFFFFF
AAA
1.98:1
Text on #000000
FAIL
10.15:1
Text on #F8FAFC
AAA
1.68:1
Text on #0F172A
FAIL

CSS Implementation

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

Similar Colors

Darkslateblue
#483D8B