HEX Color #BD83F8 (Mediumpurple)

About #BD83F8

The precise color #BD83F8 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 189, 131, and 248.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 24% cyan and 47% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#BD83F8

RGB189, 131, 248

HSL269.7°, 89.3%, 74.3%

CMYK24%, 47%, 0%, 3%

HSV269.7°, 47.2%, 97.3%

LAB64.8, 44.3, -50.3

XYZ46.0, 33.8, 92.9

Decimal12420088

Color Harmonies

Complementary

#BD83F8 #BDF883

Analogous

#8383F8 #F783F8

Triadic

#F8BD83 #83F8BD

Tetradic

#F88383 #BDF883 #83F8F7

Tints, Shades & Tones

Tints (Adding White)

#BD83F8

#C490F8

#CB9EF9

#D3ACFA

#DABAFB

#E1C7FB

#E9D5FC

#F0E3FD

#F7F1FE

#FFFFFF

Shades (Adding Black)

#BD83F8

#A874DC

#9365C0

#7E57A5

#694889

#543A6E

#3F2B52

#2A1D37

#150E1B

#000000

WCAG Contrast Accessibility

2.70:1

Text on #FFFFFF

FAIL

7.77:1

Text on #000000

AAA

2.58:1

Text on #F8FAFC

FAIL

6.60:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #BD83F8; }

.text-color { color: #BD83F8; }

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

Similar Colors

Mediumpurple

#9370DB