royalblue

#586FEE

VibrantElectricCool

UI Preview

Pro

Conversions

RGB88, 111, 238
CMYK63, 53, 0, 7
HSL231°, 82%, 64%
LAB50, 22, -68
Closest Library Match
indigo-50097% Match

Readability

4.26On WhiteFAIL
4.92On BlackPASS AA

For optimal readability, use Black text on this background.

Magic Gradients

subtle
Copy CSS
vibrant
Copy CSS
rich
Copy CSS

About #586FEE

The hexadecimal color code #586FEE is a light, intense shade of Blue (known as royalblue). In the RGB color model, #586FEE is comprised of 88 red, 111 green, and 238 blue. In the HSL color space, which is often used in digital design and color grading, it has a hue of 231 degrees, a saturation of 82%, and a lightness of 64%. This color has an approximate wavelength of 490 nm. The closest web-safe color is often utilized in web design, user interfaces (UI), and vector graphics to create intense Blue atmospheres. Designers searching for Blue color schemes often pair this with its complementary color or use it as an accent against neutral backgrounds. It is commonly used in digital design for backgrounds, typography, and accent elements. When paired with its complementary color in the palette below, it creates a high-contrast visual hierarchy. Engineers can implement this color using the CSS hex code #586FEE.

Vision Simulation

ProtanopiaRed-blind
DeuteranopiaGreen-blind
TritanopiaBlue-blind