HEX Color #49338A (Darkslateblue)

About #49338A

The precise color #49338A 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 73, 51, and 138.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 47% cyan and 63% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Ensuring your text is legible against this background is a key part of web design. 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#49338A

RGB73, 51, 138

HSL255.2°, 46.0%, 37.1%

CMYK47%, 63%, 0%, 46%

HSV255.2°, 63.0%, 54.1%

LAB28.4, 32.3, -45.3

XYZ8.5, 5.6, 24.7

Decimal4797322

Color Harmonies

Complementary

#49338A #738A33

Analogous

#33488A #74338A

Triadic

#8A4933 #338A49

Tetradic

#8A3348 #738A33 #338A74

Tints, Shades & Tones

Tints (Adding White)

#49338A

#5D4997

#7160A4

#8577B1

#998DBE

#AEA4CB

#C2BBD8

#D6D1E5

#EAE8F2

#FFFFFF

Shades (Adding Black)

#49338A

#402D7A

#38276B

#30225C

#281C4C

#20163D

#18112E

#100B1E

#08050F

#000000

WCAG Contrast Accessibility

9.89:1

Text on #FFFFFF

AAA

2.12:1

Text on #000000

FAIL

9.45:1

Text on #F8FAFC

AAA

1.81:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #49338A; }

.text-color { color: #49338A; }

.border-color { border: 2px solid #49338A; }

Similar Colors

Darkslateblue

#483D8B