HEX Color #5F50E2 (Mediumslateblue)

About #5F50E2

When working with digital screens, the color #5F50E2 is rendered by mixing light. Its closest recognized web color is Mediumslateblue. In the RGB color space, it consists of 95 red, 80 green, and 226 blue.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 58% cyan, 65% magenta, 0% yellow, and 11% black. The HSL representation is 246.2° hue, 71.6% saturation, and 60.0% 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. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#5F50E2

RGB95, 80, 226

HSL246.2°, 71.6%, 60.0%

CMYK58%, 65%, 0%, 11%

HSV246.2°, 64.6%, 88.6%

LAB43.7, 46.3, -72.4

XYZ21.3, 13.7, 73.5

Decimal6246626

Color Harmonies

Complementary

#5F50E2 #D2E150

Analogous

#508AE1 #A750E1

Triadic

#E15F50 #50E15F

Tetradic

#E15089 #D2E150 #50E1A7

Tints, Shades & Tones

Tints (Adding White)

#5F50E2

#7063E5

#8276E8

#948AEB

#A69DEE

#B7B1F2

#C9C4F5

#DBD8F8

#EDEBFB

#FFFFFF

Shades (Adding Black)

#5F50E2

#5447C8

#493EAF

#3F3596

#342C7D

#2A2364

#1F1A4B

#151132

#0A0819

#000000

WCAG Contrast Accessibility

5.63:1

Text on #FFFFFF

AA

3.73:1

Text on #000000

AA Large

5.38:1

Text on #F8FAFC

AA

3.17:1

Text on #0F172A

AA Large

CSS Implementation

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

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

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

Similar Colors

Mediumslateblue

#7B68EE