HEX Color #7524FF (Blue)

About #7524FF

The precise color #7524FF is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Blue. To achieve this exact tint on a monitor, you would use an RGB mix of 117, 36, and 255.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 54% cyan, 86% magenta, 0% yellow, and 0% black. With a hue angle of 262.2 degrees, it sits comfortably in the purple spectrum.

Contrast ratios determine whether this color is safe for typography. Because it is a medium color, it is generally recommended to use #FFFFFF text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#7524FF

RGB117, 36, 255

HSL262.2°, 100.0%, 57.1%

CMYK54%, 86%, 0%, 0%

HSV262.2°, 85.9%, 100.0%

LAB41.6, 76.2, -92.1

XYZ26.0, 12.3, 95.6

Decimal7677183

Color Harmonies

Complementary

#7524FF #ADFF23

Analogous

#2340FF #E223FF

Triadic

#FF7423 #23FF75

Tetradic

#FF2340 #ADFF23 #23FFE2

Tints, Shades & Tones

Tints (Adding White)

#7524FF

#843CFF

#9354FF

#A36DFF

#B285FF

#C19DFF

#D1B6FF

#E0CEFF

#EFE6FF

#FFFFFF

Shades (Adding Black)

#7524FF

#6820E2

#5B1CC6

#4E18AA

#41148D

#341071

#270C55

#1A0838

#0D041C

#000000

WCAG Contrast Accessibility

6.08:1

Text on #FFFFFF

AA

3.45:1

Text on #000000

AA Large

5.81:1

Text on #F8FAFC

AA

2.94:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #7524FF; }

.text-color { color: #7524FF; }

.border-color { border: 2px solid #7524FF; }

Similar Colors

Blue

#0000FF