HEX Color #5F167C (Rebeccapurple)

About #5F167C

The precise color #5F167C is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Rebeccapurple. To achieve this exact tint on a monitor, you would use an RGB mix of 95, 22, and 124.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 23% cyan and 82% magenta inks. The HSL representation is 282.9° hue, 69.9% saturation, and 28.6% lightness.

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

Color Space Conversions

HEX#5F167C

RGB95, 22, 124

HSL282.9°, 69.9%, 28.6%

CMYK23%, 82%, 0%, 51%

HSV282.9°, 82.3%, 48.6%

LAB25.1, 47.5, -41.7

XYZ8.6, 4.5, 19.5

Decimal6231676

Color Harmonies

Complementary

#5F167C #327C15

Analogous

#2B157C #7C1565

Triadic

#7C5F15 #157C5F

Tetradic

#7C2B15 #327C15 #15657C

Tints, Shades & Tones

Tints (Adding White)

#5F167C

#702F8A

#824999

#9463A7

#A67DB6

#B797C4

#C9B1D3

#DBCBE1

#EDE5F0

#FFFFFF

Shades (Adding Black)

#5F167C

#54136E

#491160

#3F0E52

#340C44

#2A0937

#1F0729

#15041B

#0A020D

#000000

WCAG Contrast Accessibility

11.10:1

Text on #FFFFFF

AAA

1.89:1

Text on #000000

FAIL

10.61:1

Text on #F8FAFC

AAA

1.61:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Rebeccapurple

#663399