HEX Color #7C4283 (Darkslateblue)

About #7C4283

The hex code #7C4283 represents a beautifully specific shade of magenta. Its closest recognized web color is Darkslateblue. In the RGB color space, it consists of 124 red, 66 green, and 131 blue.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 5% cyan, 50% magenta, 0% yellow, and 49% black. The HSL representation is 293.5° hue, 33.0% saturation, and 38.6% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#7C4283

RGB124, 66, 131

HSL293.5°, 33.0%, 38.6%

CMYK5%, 50%, 0%, 49%

HSV293.5°, 49.6%, 51.4%

LAB37.5, 35.6, -26.2

XYZ14.4, 9.8, 22.6

Decimal8143491

Color Harmonies

Complementary

#7C4283 #488341

Analogous

#5B4183 #834169

Triadic

#837C41 #41837C

Tetradic

#835B41 #488341 #416983

Tints, Shades & Tones

Tints (Adding White)

#7C4283

#8A5790

#996C9E

#A781AC

#B696BA

#C4ABC7

#D3C0D5

#E1D5E3

#F0EAF1

#FFFFFF

Shades (Adding Black)

#7C4283

#6E3A74

#603365

#522C57

#442448

#371D3A

#29162B

#1B0E1D

#0D070E

#000000

WCAG Contrast Accessibility

7.08:1

Text on #FFFFFF

AAA

2.96:1

Text on #000000

FAIL

6.77:1

Text on #F8FAFC

AA

2.52:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Darkslateblue

#483D8B