HEX Color #3A1657 (Midnightblue)

About #3A1657

Visually, #3A1657 is defined as a moderate purple. If you're using CSS, you might find it aligns closely with Midnightblue. In the RGB color space, it consists of 58 red, 22 green, and 87 blue.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 33% cyan and 75% magenta inks. This makes it a relatively dark 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. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#3A1657

RGB58, 22, 87

HSL273.2°, 59.6%, 21.4%

CMYK33%, 75%, 0%, 66%

HSV273.2°, 74.7%, 34.1%

LAB16.3, 31.0, -32.2

XYZ3.8, 2.2, 9.2

Decimal3806807

Color Harmonies

Complementary

#3A1657 #335616

Analogous

#191656 #561653

Triadic

#563A16 #16563A

Tetradic

#561916 #335616 #165356

Tints, Shades & Tones

Tints (Adding White)

#3A1657

#4F2F69

#65497C

#7B638F

#917DA1

#A797B4

#BDB1C7

#D3CBD9

#E9E5EC

#FFFFFF

Shades (Adding Black)

#3A1657

#33134D

#2D1143

#260E3A

#200C30

#190926

#13071D

#0C0413

#060209

#000000

WCAG Contrast Accessibility

14.66:1

Text on #FFFFFF

AAA

1.43:1

Text on #000000

FAIL

14.01:1

Text on #F8FAFC

AAA

1.22:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #3A1657; }

.text-color { color: #3A1657; }

.border-color { border: 2px solid #3A1657; }

Similar Colors

Midnightblue

#191970