HEX Color #3A2C7C (Darkslateblue)

About #3A2C7C

The hex code #3A2C7C represents a beautifully specific shade of blue. Designers often compare it to the standard color Darkslateblue. In the RGB color space, it consists of 58 red, 44 green, and 124 blue.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 53% Cyan, 65% Magenta, 0% Yellow, and 51% Black. With a hue angle of 250.5 degrees, it sits comfortably in the blue spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#3A2C7C

RGB58, 44, 124

HSL250.5°, 47.6%, 32.9%

CMYK53%, 65%, 0%, 51%

HSV250.5°, 64.5%, 48.6%

LAB24.2, 29.0, -43.5

XYZ6.3, 4.2, 19.5

Decimal3812476

Color Harmonies

Complementary

#3A2C7C #6D7B2C

Analogous

#2C457B #612C7B

Triadic

#7B392C #2C7B3A

Tetradic

#7B2C45 #6D7B2C #2C7B61

Tints, Shades & Tones

Tints (Adding White)

#3A2C7C

#4F438A

#655A99

#7B72A7

#9189B6

#A7A1C4

#BDB8D3

#D3D0E1

#E9E7F0

#FFFFFF

Shades (Adding Black)

#3A2C7C

#33276E

#2D2260

#261D52

#201844

#191337

#130E29

#0C091B

#06040D

#000000

WCAG Contrast Accessibility

11.47:1

Text on #FFFFFF

AAA

1.83:1

Text on #000000

FAIL

10.96:1

Text on #F8FAFC

AAA

1.56:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Darkslateblue

#483D8B