HEX Color #A88ADB (Mediumpurple)

About #A88ADB

The precise color #A88ADB is an excellent choice for modern design projects. 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 168, 138, and 219.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 23% cyan and 37% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Ensuring your text is legible against this background is a key part of web design. To prevent eye strain, #000000 text pairs best with this hex code. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#A88ADB

RGB168, 138, 219

HSL262.2°, 52.9%, 70.0%

CMYK23%, 37%, 0%, 14%

HSV262.2°, 37.0%, 85.9%

LAB63.0, 27.8, -37.3

XYZ38.0, 31.6, 71.1

Decimal11045595

Color Harmonies

Complementary

#A88ADB #BCDB89

Analogous

#8994DB #D089DB

Triadic

#DBA889 #89DBA8

Tetradic

#DB8994 #BCDB89 #89DBD0

Tints, Shades & Tones

Tints (Adding White)

#A88ADB

#B197DF

#BBA4E3

#C5B1E7

#CEBEEB

#D8CBEF

#E2D8F3

#EBE5F7

#F5F2FB

#FFFFFF

Shades (Adding Black)

#A88ADB

#957AC2

#826BAA

#705C92

#5D4C79

#4A3D61

#382E49

#251E30

#120F18

#000000

WCAG Contrast Accessibility

2.87:1

Text on #FFFFFF

FAIL

7.32:1

Text on #000000

AAA

2.74:1

Text on #F8FAFC

FAIL

6.23:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #A88ADB; }

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

Similar Colors

Mediumpurple

#9370DB