HEX Color #5F1D66 (Rebeccapurple)

About #5F1D66

The hex code #5F1D66 represents a beautifully specific shade of magenta. If you're using CSS, you might find it aligns closely with Rebeccapurple. This translates to an RGB value of rgb(95, 29, 102).

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 7% cyan, 72% magenta, 0% yellow, and 60% black. With a hue angle of 294.2 degrees, it sits comfortably in the magenta spectrum.

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. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#5F1D66

RGB95, 29, 102

HSL294.2°, 55.7%, 25.7%

CMYK7%, 72%, 0%, 60%

HSV294.2°, 71.6%, 40.0%

LAB24.5, 40.2, -28.6

XYZ7.6, 4.3, 13.0

Decimal6233446

Color Harmonies

Complementary

#5F1D66 #24661D

Analogous

#3A1D66 #661D48

Triadic

#665F1D #1D665F

Tetradic

#663A1D #24661D #1D4866

Tints, Shades & Tones

Tints (Adding White)

#5F1D66

#703677

#824F88

#946899

#A681AA

#B79ABB

#C9B3CC

#DBCCDD

#EDE5EE

#FFFFFF

Shades (Adding Black)

#5F1D66

#54195A

#49164F

#3F1344

#341038

#2A0C2D

#1F0922

#150616

#0A030B

#000000

WCAG Contrast Accessibility

11.33:1

Text on #FFFFFF

AAA

1.85:1

Text on #000000

FAIL

10.82:1

Text on #F8FAFC

AAA

1.58:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Rebeccapurple

#663399