HEX Color #5F42A8 (Rebeccapurple)

About #5F42A8

Visually, #5F42A8 is defined as a moderate purple. Its closest recognized web color is Rebeccapurple. To achieve this exact tint on a monitor, you would use an RGB mix of 95, 66, and 168.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 43% cyan and 61% magenta inks. The HSL representation is 257.1° hue, 43.6% saturation, and 45.9% 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. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#5F42A8

RGB95, 66, 168

HSL257.1°, 43.6%, 45.9%

CMYK43%, 61%, 0%, 34%

HSV257.1°, 60.7%, 65.9%

LAB36.3, 37.0, -50.8

XYZ13.7, 9.2, 38.1

Decimal6242984

Color Harmonies

Complementary

#5F42A8 #8AA841

Analogous

#4157A8 #9241A8

Triadic

#A85F41 #41A85F

Tetradic

#A84157 #8AA841 #41A891

Tints, Shades & Tones

Tints (Adding White)

#5F42A8

#7057B1

#826CBB

#9481C5

#A696CE

#B7ABD8

#C9C0E2

#DBD5EB

#EDEAF5

#FFFFFF

Shades (Adding Black)

#5F42A8

#543A95

#493382

#3F2C70

#34245D

#2A1D4A

#1F1638

#150E25

#0A0712

#000000

WCAG Contrast Accessibility

7.42:1

Text on #FFFFFF

AAA

2.83:1

Text on #000000

FAIL

7.09:1

Text on #F8FAFC

AAA

2.41:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #5F42A8; }

.text-color { color: #5F42A8; }

.border-color { border: 2px solid #5F42A8; }

Similar Colors

Rebeccapurple

#663399