#5B5BD6 Color Picker and Converter

The HSL value is approximately hsl(240, 60%, 60%). Minor rounding differences can occur between conversion tools.

Preview this indigo color, copy its CSS values, or choose another color to convert.

#5B5BD6

Pick a color

HEX

RGB

HSL

Common Colors

How to Use This Tool

Start with #5B5BD6, use the color input, or select one of the common color swatches.
Review the automatically calculated HEX, RGB, and HSL values.
Select Copy beside the format you need and paste the valid CSS value into your project.

CSS values: Copy HEX, RGB, or HSL syntax for stylesheets, design tokens, and component themes.
Brand palettes: Preview a known color value and convert it for use in design and presentation software.
Fast comparison: Switch among preset colors to compare their values and visual appearance.

How do I convert HEX #5b5bd6 to RGB?

Split the value into hexadecimal pairs: 5B, 5B, and D6. In decimal they are 91, 91, and 214, so the CSS value is rgb(91, 91, 214).

What is the HSL value of #5B5BD6?

The HSL value is approximately hsl(240, 60%, 60%). Minor rounding differences can occur between conversion tools.

Can I pick and convert a different color?

Yes. Use the color input or select a preset swatch. The HEX, RGB, and HSL values update automatically and can be copied as valid CSS values.