HEX Color #8A1DC5 (Darkorchid)

About #8A1DC5

The precise color #8A1DC5 is an excellent choice for modern design projects. Designers often compare it to the standard color Darkorchid. To achieve this exact tint on a monitor, you would use an RGB mix of 138, 29, and 197.

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 30% cyan, 85% magenta, 0% yellow, and 23% black. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#8A1DC5

RGB138, 29, 197

HSL278.9°, 74.3%, 44.3%

CMYK30%, 85%, 0%, 23%

HSV278.9°, 85.3%, 77.3%

LAB38.4, 67.8, -64.2

XYZ21.0, 10.3, 53.7

Decimal9051589

Color Harmonies

Complementary

#8A1DC5 #57C51D

Analogous

#361DC5 #C51DAB

Triadic

#C58A1D #1DC58A

Tetradic

#C5361D #57C51D #1DABC5

Tints, Shades & Tones

Tints (Adding White)

#8A1DC5

#9736CB

#A44FD1

#B168D8

#BE81DE

#CB9AE5

#D8B3EB

#E5CCF2

#F2E5F8

#FFFFFF

Shades (Adding Black)

#8A1DC5

#7A19AF

#6B1699

#5C1383

#4C106D

#3D0C57

#2E0941

#1E062B

#0F0315

#000000

WCAG Contrast Accessibility

6.86:1

Text on #FFFFFF

AA

3.06:1

Text on #000000

AA Large

6.55:1

Text on #F8FAFC

AA

2.60:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #8A1DC5; }

.text-color { color: #8A1DC5; }

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

Similar Colors

Darkorchid

#9932CC