MediumSlateBlue Color — HEX, RGB, HSL, Palettes & Contrast

MediumSlateBlue (#7b68ee): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#7b68ee
HEX #7b68ee
RGB rgb(123, 104, 238)
HSL 249°, 80%, 67%

Use MediumSlateBlue in Your Projects

About MediumSlateBlue Color

MediumSlateBlue is a bright, medium blue-purple that combines trustworthiness with creativity. It works well for law firms, creative agencies, and tech startups.

Use Cases for MediumSlateBlue

law firmscreative agenciestech startupsbrand identitiesprofessional accents

Shades & Tints of MediumSlateBlue

#ffffff
#ded9fb
#bdb4f7
#9c8ef2
#7b68ee
#5c4eb3
#3e3477
#1f1a3c
#000000

Complementary Color

#7b68ee
#daee68

Analogous Colors

#6897ee
#7b68ee
#bf68ee

Triadic Colors

#7b68ee
#ee7c68
#68ee7c

Split Complementary

#7b68ee
#eebf68
#97ee68

Tetradic Colors

#7b68ee
#ee68da
#daee68
#68ee7c

CSS Code

.mediumslateblue-color {
  color: #7b68ee;
  background-color: #7b68ee;
}

/* As a CSS custom property */
:root {
  --color-mediumslateblue: #7b68ee;
}

Accessibility Score

75 / 100
Rating: Good
AA contrast on best text color (30 pts)
AAA contrast on best text color (25 pts)
Versatile lightness for backgrounds & text (25 pts)
Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on MediumSlateBlue
Ratio: 5.06:1 ✓ Passes AA ✗ Fails AAA
White text on MediumSlateBlue
Ratio: 4.15:1 ✗ Fails AA ✗ Fails AAA

Frequently Asked Questions

What color is MediumSlateBlue?

MediumSlateBlue is represented by the hex code #7b68ee and has RGB values of rgb(123, 104, 238). It falls under the Blue category.

How to use MediumSlateBlue in web design?

MediumSlateBlue works well for law firms, creative agencies, tech startups. MediumSlateBlue is a bright, medium blue-purple that combines trustworthiness with creativity. It works well for law firms, creative agencies, and tech startups. Use it as a primary color, accent, or background depending on your design needs.

What colors go with MediumSlateBlue?

Colors that pair well with MediumSlateBlue include slateblue, darkslateblue, mediumpurple, royalblue, cornflowerblue. For a complementary scheme, try #daee68. For an analogous scheme, use #6897ee and #bf68ee. For a triadic scheme, combine with #ee7c68 and #68ee7c.