Medium Slate Blue #7B68EE

Medium Slate Blue#7B68EE · rgb(123, 104, 238)

Medium Slate Blue color codes

CSS namemediumslateblue
HEX#7B68EE
RGBrgb(123, 104, 238)
HSLhsl(249, 80%, 67%)
CMYKcmyk(48%, 56%, 0%, 7%)
Decimal8087790

Shades of Medium Slate Blue (darker)

#6F5ED6 · #6253BE · #5649A7 · #4A3E8F · #3E3477 · #312A5F · #251F47 · #191530 · #0C0A18

Tints of Medium Slate Blue (lighter)

#8877F0 · #9586F1 · #A395F3 · #B0A4F5 · #BDB4F7 · #CAC3F8 · #D7D2FA · #E5E1FC · #F2F0FD

Color harmonies

Complementary
#DAEE68
Triadic
#EE7C68, #68EE7C
Analogous
#6897EE, #BF68EE

Accessibility (WCAG contrast)

White text on Medium Slate Blue4.15:1 · AA large text only
Black text on Medium Slate Blue5.06:1 · AA

Use Medium Slate Blue in code

.element {
  color: mediumslateblue;          /* or #7b68ee */
  background-color: rgb(123 104 238 / 0.5);
}

Frequently asked questions

What is the hex code for Medium Slate Blue?

Medium Slate Blue is #7B68EE in HEX, rgb(123, 104, 238) in RGB and hsl(249, 80%, 67%) in HSL.

Can I use "mediumslateblue" directly in CSS?

Yes. "mediumslateblue" is one of the 148 standard CSS named colors, so color: mediumslateblue; works in every browser.

Is Medium Slate Blue readable on white?

The contrast ratio of Medium Slate Blue on white is 4.15:1 (WCAG AA large text only). On black it is 5.06:1 (AA).

What is the complementary color of Medium Slate Blue?

The complementary color (opposite on the color wheel) is #DAEE68.

Similar colors

Medium Purple#9370DBSlate Blue#6A5ACDCornflower Blue#6495EDRoyal Blue#4169E1Blue Violet#8A2BE2Dark Orchid#9932CCMedium Orchid#BA55D3Steel Blue#4682B4

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.