HEX Color #4950C5 (Slateblue)

About #4950C5

The precise color #4950C5 is an excellent choice for modern design projects. Its closest recognized web color is Slateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 73, 80, and 197.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 63% cyan, 59% magenta, 0% yellow, and 23% black. The HSL representation is 236.6° hue, 51.7% saturation, and 52.9% lightness.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#4950C5

RGB73, 80, 197

HSL236.6°, 51.7%, 52.9%

CMYK63%, 59%, 0%, 23%

HSV236.6°, 62.9%, 77.3%

LAB39.9, 33.4, -62.1

XYZ15.7, 11.2, 54.2

Decimal4804805

Color Harmonies

Complementary

#4950C5 #C5BE49

Analogous

#498EC5 #8049C5

Triadic

#C5494F #4FC549

Tetradic

#C5498D #C5BE49 #49C580

Tints, Shades & Tones

Tints (Adding White)

#4950C5

#5D63CB

#7176D1

#858AD8

#999DDE

#AEB1E5

#C2C4EB

#D6D8F2

#EAEBF8

#FFFFFF

Shades (Adding Black)

#4950C5

#4047AF

#383E99

#303583

#282C6D

#202357

#181A41

#10112B

#080815

#000000

WCAG Contrast Accessibility

6.49:1

Text on #FFFFFF

AA

3.24:1

Text on #000000

AA Large

6.20:1

Text on #F8FAFC

AA

2.75:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #4950C5; }

.text-color { color: #4950C5; }

.border-color { border: 2px solid #4950C5; }

Similar Colors

Slateblue

#6A5ACD