#5F42A0

A medium, moderate purple closely aligning with Rebeccapurple.

About #5F42A0

Visually, #5F42A0 is defined as a moderate purple. If you're using CSS, you might find it aligns closely with Rebeccapurple. Its digital footprint relies on 95 parts red, 66 parts green, and 160 parts blue light.

For print applications, it's crucial to understand its CMYK makeup. The color uses 41% Cyan, 59% Magenta, 0% Yellow, and 37% Black. The HSL representation is 258.5° hue, 41.6% saturation, and 44.3% lightness.

Ensuring your text is legible against this background is a key part of web design. To prevent eye strain, #FFFFFF text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#5F42A0
RGB95, 66, 160
HSL258.5°, 41.6%, 44.3%
CMYK41%, 59%, 0%, 37%
HSV258.5°, 58.7%, 62.7%
LAB35.7, 34.7, -46.9
XYZ13.0, 8.9, 34.3
Decimal6242976

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

7.57:1
Text on #FFFFFF
AAA
2.77:1
Text on #000000
FAIL
7.24:1
Text on #F8FAFC
AAA
2.36:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #5F42A0; }
.text-color { color: #5F42A0; }
.border-color { border: 2px solid #5F42A0; }

Similar Colors

Rebeccapurple
#663399