Skip to content

#A87DCA Color

#A87DCA is rgb(168, 125, 202) in RGB, hsl(274, 42%, 64%) in HSL, and about cmyk(17%, 38%, 0%, 21%) in CMYK. It has no registered color name of its own — the closest is Middle Blue Purple (#8B72BE), clearly related but distinguishable side by side at ΔE 8.83. Black text is the more readable choice on this background.

#A87DCA
HEX#A87DCA
RGBrgb(168, 125, 202)
HSLhsl(274, 42%, 64%)
HSVhsv(274, 38%, 79%)
CMYKcmyk(17%, 38%, 0%, 21%)
OKLCHoklch(66.1% 0.12 309.1)
LABlab(58.97% 28.08 -33.80)
LCHlch(58.97% 43.94 309.72)

What #A87DCA Is Called

Most hex codes have no name: there are 16.7 million of them and a few thousand registered names. These are the named colors nearest to #A87DCA, ordered by CIE76 distance in CIELAB. Anything under about ΔE 2 is a difference most people cannot see.

Middle Blue Purple#8B72BEΔE 8.83Purple Mountain Majesty#9678B6ΔE 9.41Lavender (Floral)#B57EDCΔE 9.53Heather#9E7BB5ΔE 10.39African Violet#B284BEΔE 10.9Lavender Purple#967BB6ΔE 11.04

Browse the full index of named colors A-Z or every purple in the library.

#A87DCA Channel Values

How #A87DCA breaks down in each color model. Hue is measured in degrees around the color wheel; saturation, lightness, and the CMYK inks are percentages.

ModelChannelsNotes
RGBR 168 · G 125 · B 2028-bit channels as sent to the display
HSLH 274° · S 42% · L 64%Easiest model for building lighter and darker variants
HSVH 274° · S 38% · V 79%Matches the picker in most design tools
CMYKC 17% · M 38% · Y 0% · K 21%Approximate ink mix; confirm with an ICC profile before printing
Luminance3.26:1 vs white · 6.45:1 vs blackWCAG 2.2 relative-luminance contrast ratios

Text Contrast & Accessibility

WCAG 2.2 contrast ratios for text on a #A87DCA background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1. Contrast is one check, not a full accessibility review.

Fails AAWhite text3.26:1AA normal AA large AAA normal
TextBlack text6.45:1AA normal AA large AAA normal

Need a specific ratio against another background? Open #A87DCA in the contrast checker.

Colors That Go With #A87DCA

Pairings derived from color-wheel relationships. The complementary color sits opposite #A87DCA; analogous colors sit beside it; triadic and split-complementary sets spread evenly around the wheel. Select any swatch for its own breakdown.

Base
#A87DCA
Complementary
#9ECA7D
Analogous
#827DCA
Analogous
#CA7DC5
Triadic
#CAA87D
Triadic
#7DCAA8
Split comp.
#C5CA7D
Split comp.
#7DCA82

Tints & Shades of #A87DCA

Lighter tints and darker shades built by moving the lightness channel while holding hue and saturation, which is what you want for hover states, backgrounds, and text variants.

Tints

#B48FD1
#C0A1D9
#CCB3E0
#D6C1E6
#E2D4ED
#EEE6F5

Shades

#935CBC
#7F46AA
#66388A
#512C6D
#391F4C
#23132F

Want a full 50-950 ramp with semantic roles? Generate design tokens from #A87DCA.

How #A87DCA Looks with Color Vision Deficiency

Simulated with the Viénot, Brettel & Mollon LMS projection model. Anomalous types are rendered as partial versions of the matching dichromacy, which is an approximation rather than a per-person clinical model.

Typical#A87DCA
Protanopia#8686CA
Protanomaly#9582CA
Deuteranopia#8D8DC9
Deuteranomaly#9987CA
Tritanopia#9E8A8A
Tritanomaly#A285A7
Achromatopsia#8E8E8E

Test a full palette in the color blindness simulator.

Using #A87DCA in Code

Copy-ready declarations for the places this color usually ends up.

CSS custom property--color-a87dca: #A87DCA;
CSS backgroundbackground-color: #A87DCA;
Tailwind configcolors: { 'color-a87dca': '#A87DCA' }
SwiftUIColor(red: 0.659, green: 0.490, blue: 0.792)
Android XML<color name="color_a87dca">#A87DCA</color>
SVG fillfill="#A87DCA"

More Purple Colors

#A87DCA sits in the purple family. These are its neighbours across that family's full range, each with its own breakdown.

150024fdf8ff170b22fdf4ff1b0d35faf5ff1d0731fae8ff1e0033f6cfff20002ef3e8ff3000524020605414906600cc7008e78806ce9900cca11fffb19cd9c27affcebeefe0b2eb

#A87DCA Frequently Asked Questions

What color is #A87DCA?

#A87DCA is a light purple — rgb(168, 125, 202) in RGB and hsl(274, 42%, 64%) in HSL. It carries no registered color name of its own; the closest named color is Middle Blue Purple (#8B72BE), which is clearly related but distinguishable side by side at a CIE76 distance of 8.83.

What is the RGB value of #A87DCA?

#A87DCA is rgb(168, 125, 202) — red 168, green 125, and blue 202 on the 0-255 scale.

What is the CMYK value of #A87DCA?

#A87DCA converts to approximately cmyk(17%, 38%, 0%, 21%). CMYK output is a mathematical approximation for planning; confirm production print colors with your printer and ICC profile.

Should text on #A87DCA be black or white?

Black text is the more readable choice. #A87DCA scores 3.26:1 against white and 6.45:1 against black, and WCAG 2.2 asks for at least 4.5:1 for normal body text.

Can I write #A87DCA as a CSS color keyword?

No. #A87DCA is not one of the CSS color keywords, so it has to be written as a hex, rgb() or hsl() value. The closest keyword is mediumpurple (#9370DB) at a CIE76 distance of 17.79, which is visibly different.

Open #A87DCA in a Tool

Hex to RGBHex to HSLHex to CMYKHex to OKLCHHex to PantoneBuild a paletteMake a gradient

Keep exploring: every purple in the color library, the guide to shades of purple, or the full color library.