HEX Color #8366A8 (Darkslateblue)

About #8366A8

The precise color #8366A8 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 131, 102, and 168.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 22% cyan and 39% magenta inks. With a hue angle of 266.4 degrees, it sits comfortably in the purple spectrum.

Contrast ratios determine whether this color is safe for typography. 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#8366A8

RGB131, 102, 168

HSL266.4°, 27.5%, 52.9%

CMYK22%, 39%, 0%, 34%

HSV266.4°, 39.3%, 65.9%

LAB48.5, 25.3, -31.2

XYZ21.2, 17.2, 39.2

Decimal8611496

Color Harmonies

Complementary

#8366A8 #8BA866

Analogous

#6669A8 #A466A8

Triadic

#A88366 #66A883

Tetradic

#A86669 #8BA866 #66A8A4

Tints, Shades & Tones

Tints (Adding White)

#8366A8

#9077B1

#9E88BB

#AC99C5

#BAAACE

#C7BBD8

#D5CCE2

#E3DDEB

#F1EEF5

#FFFFFF

Shades (Adding Black)

#8366A8

#745A95

#654F82

#574470

#48385D

#3A2D4A

#2B2238

#1D1625

#0E0B12

#000000

WCAG Contrast Accessibility

4.74:1

Text on #FFFFFF

AA

4.43:1

Text on #000000

AA Large

4.53:1

Text on #F8FAFC

AA

3.77:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #8366A8; }

.text-color { color: #8366A8; }

.border-color { border: 2px solid #8366A8; }

Similar Colors

Darkslateblue

#483D8B