HEX Color #B6A0FF (Mediumpurple)

About #B6A0FF

At its core, #B6A0FF is a very light and vivid hue. If you're using CSS, you might find it aligns closely with Mediumpurple. To achieve this exact tint on a monitor, you would use an RGB mix of 182, 160, and 255.

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 29% cyan, 37% magenta, 0% yellow, and 0% black. 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#B6A0FF

RGB182, 160, 255

HSL253.9°, 100.0%, 81.4%

CMYK29%, 37%, 0%, 0%

HSV253.9°, 37.3%, 100.0%

LAB71.1, 28.0, -44.4

XYZ49.9, 42.3, 100.1

Decimal11968767

Color Harmonies

Complementary

#B6A0FF #E8FFA0

Analogous

#A0B9FF #E5A0FF

Triadic

#FFB6A0 #A0FFB6

Tetradic

#FFA0B9 #E8FFA0 #A0FFE5

Tints, Shades & Tones

Tints (Adding White)

#B6A0FF

#BEAAFF

#C6B5FF

#CEBFFF

#D6CAFF

#DED4FF

#E6DFFF

#EEE9FF

#F6F4FF

#FFFFFF

Shades (Adding Black)

#B6A0FF

#A18EE2

#8D7CC6

#796AAA

#65588D

#504771

#3C3555

#282338

#14111C

#000000

WCAG Contrast Accessibility

2.22:1

Text on #FFFFFF

FAIL

9.46:1

Text on #000000

AAA

2.12:1

Text on #F8FAFC

FAIL

8.04:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #B6A0FF; }

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

Similar Colors

Mediumpurple

#9370DB