HEX Color #3A248A (Midnightblue)

About #3A248A

The hex code #3A248A represents a beautifully specific shade of blue. If you're using CSS, you might find it aligns closely with Midnightblue. To achieve this exact tint on a monitor, you would use an RGB mix of 58, 36, and 138.

If you are designing for print, the four-color process is what matters most. The color uses 58% Cyan, 74% Magenta, 0% Yellow, and 46% Black. The HSL representation is 252.9° hue, 58.6% saturation, and 34.1% lightness.

Contrast ratios determine whether this color is safe for typography. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#3A248A

RGB58, 36, 138

HSL252.9°, 58.6%, 34.1%

CMYK58%, 74%, 0%, 46%

HSV252.9°, 73.9%, 54.1%

LAB23.7, 38.3, -53.2

XYZ7.0, 4.0, 24.4

Decimal3810442

Color Harmonies

Complementary

#3A248A #738A23

Analogous

#23408A #6D238A

Triadic

#8A3A23 #238A3A

Tetradic

#8A2340 #738A23 #238A6D

Tints, Shades & Tones

Tints (Adding White)

#3A248A

#4F3C97

#6554A4

#7B6DB1

#9185BE

#A79DCB

#BDB6D8

#D3CEE5

#E9E6F2

#FFFFFF

Shades (Adding Black)

#3A248A

#33207A

#2D1C6B

#26185C

#20144C

#19103D

#130C2E

#0C081E

#06040F

#000000

WCAG Contrast Accessibility

11.67:1

Text on #FFFFFF

AAA

1.80:1

Text on #000000

FAIL

11.16:1

Text on #F8FAFC

AAA

1.53:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Midnightblue

#191970