HEX Color #7C66A8 (Darkslateblue)

About #7C66A8

The hex code #7C66A8 represents a beautifully specific shade of purple. Its closest recognized web color is Darkslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 124, 102, and 168.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 26% cyan and 39% magenta inks. The HSL representation is 260.0° hue, 27.5% saturation, and 52.9% lightness.

Ensuring your text is legible against this background is a key part of web design. To prevent eye strain, #FFFFFF text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#7C66A8

RGB124, 102, 168

HSL260.0°, 27.5%, 52.9%

CMYK26%, 39%, 0%, 34%

HSV260.0°, 39.3%, 65.9%

LAB47.8, 23.2, -32.3

XYZ20.1, 16.6, 39.2

Decimal8152744

Color Harmonies

Complementary

#7C66A8 #92A866

Analogous

#6671A8 #9C66A8

Triadic

#A87C66 #66A87C

Tetradic

#A86671 #92A866 #66A89D

Tints, Shades & Tones

Tints (Adding White)

#7C66A8

#8A77B1

#9988BB

#A799C5

#B6AACE

#C4BBD8

#D3CCE2

#E1DDEB

#F0EEF5

#FFFFFF

Shades (Adding Black)

#7C66A8

#6E5A95

#604F82

#524470

#44385D

#372D4A

#292238

#1B1625

#0D0B12

#000000

WCAG Contrast Accessibility

4.86:1

Text on #FFFFFF

AA

4.32:1

Text on #000000

AA Large

4.64:1

Text on #F8FAFC

AA

3.68:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #7C66A8; }

.text-color { color: #7C66A8; }

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

Similar Colors

Darkslateblue

#483D8B