Mediumslateblue Color

HEX, RGB, HSL & CMYK Codes

#7b68ee
Format Value
HEX #7b68ee
RGB rgb(123, 104, 238)
HSL hsl(248.5, 79.8%, 67.1%)
CMYK cmyk(48.3%, 56.3%, 0%, 6.7%)
HSV hsv(248.5, 56.3%, 93.3%)

mediumslateblue color harmonies

Tints & shades of mediumslateblue

Tints (lighter)

#8776f0 #9383f1 #9f91f3 #ab9ff4 #b7adf6 #c3baf7 #cfc8f9 #dbd6fa #e7e4fc #f3f1fd

Shades (darker)

#705fd8 #6555c3 #594cad #4e4297 #433982 #382f6c #2d2657 #221c41 #16132b #0b0916

Contrast & accessibility

The quick brown fox

On white · 4.15:1 · AA Large

The quick brown fox

On black · 5.06:1 · AA

Recommended text color: #000000

Use mediumslateblue in code

CSS color: #7b68ee;
SCSS $color: #7b68ee;
Tailwind bg-[#7b68ee]
Swift UIColor(red: 0.482, green: 0.408, blue: 0.933, alpha: 1)
Android Color.parseColor("#7b68ee")
Flutter Color(0xFF7B68EE)

Colors similar to mediumslateblue

Browse all Blue colors →

What is the HEX code for mediumslateblue?

The CSS color mediumslateblue in HEX format is #7b68ee. Use this value directly in CSS, SVG, and most design tools.

How do I use mediumslateblue in CSS?

To apply mediumslateblue in CSS:

  • Text color: color: #7b68ee;
  • Background: background-color: #7b68ee;
  • Border: border-color: #7b68ee;

What are all the color format values for mediumslateblue?

FormatValue
HEX#7b68ee
RGBrgb(123, 104, 238)
HSLhsl(248.5, 79.8%, 67.1%)
CMYKcmyk(48.3%, 56.3%, 0%, 6.7%)

How do I convert mediumslateblue to HEX?

Select mediumslateblue from the color name list in our color converter. The HEX value — #7b68ee — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does mediumslateblue belong to?

mediumslateblue belongs to the blue color family. It is a medium, vivid color with HSL values: hue 248.5°, saturation 79.8%, lightness 67.1%.

How do I create lighter and darker shades of mediumslateblue?

Lighter variant (lightness 82.1%): #b7adf6. Darker variant (lightness 52.099999999999994%): #3f23e6. These values are computed by adjusting HSL lightness ±15% while keeping the same hue and saturation.

What is HEX used for?

HEX color codes are used in CSS, HTML and design tools. They encode red, green and blue as two hexadecimal digits each (00–FF), forming a compact 6-character code like #ff0000.