MediumSlateBlue Color

Learn about MediumSlateBlue (#7b68ee): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

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

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

CSS Code

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

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.