HEX Color #8375D3 (Mediumpurple)

About #8375D3

The precise color #8375D3 is an excellent choice for modern design projects. It is closely associated with the named CSS color Mediumpurple. To achieve this exact tint on a monitor, you would use an RGB mix of 131, 117, and 211.

For print applications, it's crucial to understand its CMYK makeup. The color uses 38% Cyan, 45% Magenta, 0% Yellow, and 17% Black. The HSL representation is 248.9° hue, 51.6% saturation, and 64.3% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a light color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#8375D3

RGB131, 117, 211

HSL248.9°, 51.6%, 64.3%

CMYK38%, 45%, 0%, 17%

HSV248.9°, 44.5%, 82.7%

LAB54.3, 27.6, -46.8

XYZ27.5, 22.3, 64.5

Decimal8615379

Color Harmonies

Complementary

#8375D3 #C4D374

Analogous

#7495D3 #B274D3

Triadic

#D38274 #74D382

Tetradic

#D37495 #C4D374 #74D3B2

Tints, Shades & Tones

Tints (Adding White)

#8375D3

#9084D7

#9E93DC

#ACA3E1

#BAB2E6

#C7C1EB

#D5D1F0

#E3E0F5

#F1EFFA

#FFFFFF

Shades (Adding Black)

#8375D3

#7468BB

#655BA4

#574E8C

#484175

#3A345D

#2B2746

#1D1A2E

#0E0D17

#000000

WCAG Contrast Accessibility

3.85:1

Text on #FFFFFF

AA Large

5.45:1

Text on #000000

AA

3.68:1

Text on #F8FAFC

AA Large

4.63:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #8375D3; }

.text-color { color: #8375D3; }

.border-color { border: 2px solid #8375D3; }

Similar Colors

Mediumpurple

#9370DB