Medium Slate Blue is a medium-light, saturated shade in the blue color family, with a cool feel. Its HEX code is #7B68EE, which equals rgb(123, 104, 238) in RGB and hsl(249, 80%, 67%) in HSL. In print terms it converts to roughly C48 M56 Y0 K7, although exact CMYK results depend on the paper and color profile.
- HEX
#7B68EE - RGB
123, 104, 238 - HSL
249°, 80%, 67% - CMYK
48, 56, 0, 7 - Family
Blue - Tone
Medium-light, saturated
About Medium Slate Blue
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 5.06:1. Its complementary color is #DAEE68.
Download Medium Slate Blue as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Medium Slate Blue color codes
| HEX | #7B68EE |
|---|---|
| RGB | rgb(123, 104, 238) |
| HSL | hsl(249, 80%, 67%) |
| HSV | 249°, 56%, 93% |
| CMYK | 48%, 56%, 0%, 7% |
| Decimal | 8087790 |
Shades and tints of Medium Slate Blue
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E9E6FC - 100
#D3CDF9 - 200
#BDB4F7 - 300
#A79AF4 - 400
#9181F1 - 500
#7B68EE - 600
#6757C6 - 700
#52459F - 800
#3E3477 - 900
#29234F - 950
#151128
Color harmonies for Medium Slate Blue
- Complementary
#DAEE68≈ Light Bright Citron - Analogous −30°
#6897EE≈ Cornflower Blue - Analogous +30°
#BF68EE≈ Light Bright Grape - Triadic +120°
#EE7C68≈ Light Bright Vermilion - Triadic +240°
#68EE7C≈ Light Bright Emerald - Split 150°
#EEBF68≈ Light Bright Amber - Split 210°
#97EE68≈ Light Bright Fern
Contrast and accessibility of Medium Slate Blue
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Medium Slate Blue | Aa | 4.15:1 | AA Large only |
| Black text on Medium Slate Blue | Aa | 5.06:1 | AA (good) |
CSS code for Medium Slate Blue
background-color: #7B68EE;color: #7B68EE;background-color: rgb(123, 104, 238);background-color: hsl(249, 80%, 67%);:root { --color-medium-slate-blue: #7B68EE; }class="bg-[#7B68EE]"Colors similar to Medium Slate Blue
- Light Bright Indigo
#7F63EE - Light Bright Ultramarine
#7163EE - Light Bright Iris
#8D63EE - Light Soft Ultramarine
#7F74DC - Light Bright Blue
#6363EE - Light Soft Blue
#7474DC - Light Bright Royal
#6371EE - Light Soft Indigo
#8974DC - Pale Blue
#7A7AFF - Pale Ultramarine
#887AFF - Light Bright Periwinkle
#9A63EE - Medium Purple
#9370DB
More blue shades
- Light Sea Green
#20B2AA - Light Sky Blue
#87CEFA - Light Slate Gray
#778899 - Light Steel Blue
#B0C4DE - Medium Blue
#0000CD - Medium Purple
#9370DB - Medium Turquoise
#48D1CC - Pale Turquoise
#AFEEEE - Powder Blue
#B0E0E6 - Slate Blue
#6A5ACD - Steel Blue
#4682B4
Frequently asked questions
What is the HEX code for Medium Slate Blue?
The HEX code for Medium Slate Blue is #7B68EE.
What is the RGB value of Medium Slate Blue?
Medium Slate Blue has an RGB value of 123, 104, 238 (rgb(123, 104, 238)). In HSL it is 249°, 80%, 67%.
What text color should I use on Medium Slate Blue?
Use black text on Medium Slate Blue. White text has a contrast ratio of 4.15:1 and black text has 5.06:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Medium Slate Blue?
The complementary color of Medium Slate Blue is #DAEE68. Analogous colors #6897EE and #BF68EE also pair well.