HEX Color #7550F8 (Blueviolet)

About #7550F8

The precise color #7550F8 is an excellent choice for modern design projects. Designers often compare it to the standard color Blueviolet. To achieve this exact tint on a monitor, you would use an RGB mix of 117, 80, and 248.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 53% cyan and 68% magenta inks. Always request a physical proof before doing a large print run with this exact code.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#7550F8

RGB117, 80, 248

HSL253.2°, 92.3%, 64.3%

CMYK53%, 68%, 0%, 3%

HSV253.2°, 67.7%, 97.3%

LAB47.4, 56.2, -78.8

XYZ27.1, 16.3, 90.5

Decimal7688440

Color Harmonies

Complementary

#7550F8 #D3F84F

Analogous

#4F7FF8 #C84FF8

Triadic

#F8744F #4FF874

Tetradic

#F84F7F #D3F84F #4FF8C8

Tints, Shades & Tones

Tints (Adding White)

#7550F8

#8463F8

#9376F9

#A38AFA

#B29DFB

#C1B1FB

#D1C4FC

#E0D8FD

#EFEBFE

#FFFFFF

Shades (Adding Black)

#7550F8

#6847DC

#5B3EC0

#4E35A5

#412C89

#34236E

#271A52

#1A1137

#0D081B

#000000

WCAG Contrast Accessibility

4.93:1

Text on #FFFFFF

AA

4.26:1

Text on #000000

AA Large

4.71:1

Text on #F8FAFC

AA

3.62:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #7550F8; }

.text-color { color: #7550F8; }

.border-color { border: 2px solid #7550F8; }

Similar Colors

Blueviolet

#8A2BE2