HEX Color #7C49B6 (Rebeccapurple)

About #7C49B6

At its core, #7C49B6 is a medium and moderate hue. If you're using CSS, you might find it aligns closely with Rebeccapurple. Its digital footprint relies on 124 parts red, 73 parts green, and 182 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 32% cyan and 60% magenta inks. The HSL representation is 268.1° hue, 42.7% saturation, and 50.0% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a medium color, it is generally recommended to use #FFFFFF text. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#7C49B6

RGB124, 73, 182

HSL268.1°, 42.7%, 50.0%

CMYK32%, 60%, 0%, 29%

HSV268.1°, 59.9%, 71.4%

LAB41.9, 43.5, -49.9

XYZ19.1, 12.4, 45.6

Decimal8145334

Color Harmonies

Complementary

#7C49B6 #83B649

Analogous

#494CB6 #B249B6

Triadic

#B67C49 #49B67C

Tetradic

#B6494C #83B649 #49B6B2

Tints, Shades & Tones

Tints (Adding White)

#7C49B6

#8A5DBE

#9971C6

#A785CE

#B699D6

#C4AEDE

#D3C2E6

#E1D6EE

#F0EAF6

#FFFFFF

Shades (Adding Black)

#7C49B6

#6E40A1

#60388D

#523079

#442865

#372050

#29183C

#1B1028

#0D0814

#000000

WCAG Contrast Accessibility

6.02:1

Text on #FFFFFF

AA

3.49:1

Text on #000000

AA Large

5.76:1

Text on #F8FAFC

AA

2.96:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Rebeccapurple

#663399