HEX Color #3A1D83 (Midnightblue)

About #3A1D83

When working with digital screens, the color #3A1D83 is rendered by mixing light. Designers often compare it to the standard color Midnightblue. In the RGB color space, it consists of 58 red, 29 green, and 131 blue.

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 56% C, 78% M, 0% Y, and 49% K. The HSL representation is 257.1° hue, 63.7% saturation, and 31.4% lightness.

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#3A1D83

RGB58, 29, 131

HSL257.1°, 63.7%, 31.4%

CMYK56%, 78%, 0%, 49%

HSV257.1°, 77.9%, 51.4%

LAB21.6, 39.9, -52.1

XYZ6.3, 3.4, 21.8

Decimal3808643

Color Harmonies

Complementary

#3A1D83 #65831D

Analogous

#1D3283 #6C1D83

Triadic

#833A1D #1D833A

Tetradic

#831D32 #65831D #1D836C

Tints, Shades & Tones

Tints (Adding White)

#3A1D83

#4F3690

#654F9E

#7B68AC

#9181BA

#A79AC7

#BDB3D5

#D3CCE3

#E9E5F1

#FFFFFF

Shades (Adding Black)

#3A1D83

#331974

#2D1665

#261357

#201048

#190C3A

#13092B

#0C061D

#06030E

#000000

WCAG Contrast Accessibility

12.47:1

Text on #FFFFFF

AAA

1.68:1

Text on #000000

FAIL

11.92:1

Text on #F8FAFC

AAA

1.43:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Midnightblue

#191970