HEX Color #7C0F6D (Purple)

About #7C0F6D

When working with digital screens, the color #7C0F6D is rendered by mixing light. Designers often compare it to the standard color Purple. To achieve this exact tint on a monitor, you would use an RGB mix of 124, 15, and 109.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 0% cyan, 88% magenta, 12% yellow, and 51% black. The HSL representation is 308.3° hue, 78.4% saturation, and 27.3% lightness.

Contrast ratios determine whether this color is safe for typography. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#7C0F6D

RGB124, 15, 109

HSL308.3°, 78.4%, 27.3%

CMYK0%, 88%, 12%, 51%

HSV308.3°, 87.9%, 48.6%

LAB28.7, 52.7, -26.1

XYZ11.2, 5.7, 15.0

Decimal8130413

Color Harmonies

Complementary

#7C0F6D #0F7B1E

Analogous

#540F7B #7B0F36

Triadic

#6C7B0F #0F6C7B

Tetradic

#7B540F #0F7B1E #0F367B

Tints, Shades & Tones

Tints (Adding White)

#7C0F6D

#8A297D

#99448D

#A75F9D

#B679AD

#C494BE

#D3AFCE

#E1C9DE

#F0E4EE

#FFFFFF

Shades (Adding Black)

#7C0F6D

#6E0D60

#600B54

#520A48

#44083C

#370630

#290524

#1B0318

#0D010C

#000000

WCAG Contrast Accessibility

9.78:1

Text on #FFFFFF

AAA

2.15:1

Text on #000000

FAIL

9.35:1

Text on #F8FAFC

AAA

1.82:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Purple

#800080