HEX #580DA1 color — Blue Gem
The color #580DA1 is a dark shade and highly saturated.
Palette
580DA1 color palette from light to dark
| HEX |
RGB |
HSL |
| #fcfaff |
rgb(252,250,255) |
hsl(270,85%,99%) |
| #f0e3fd |
rgb(240,227,253) |
hsl(270,85%,94%) |
| #e3cbfb |
rgb(227,203,251) |
hsl(270,85%,89%) |
| #d6b4f9 |
rgb(214,180,249) |
hsl(270,85%,84%) |
| #c99cf7 |
rgb(201,156,247) |
hsl(270,85%,79%) |
| #bd84f5 |
rgb(189,132,245) |
hsl(270,85%,74%) |
| #b06df3 |
rgb(176,109,243) |
hsl(270,85%,69%) |
| #a355f1 |
rgb(163,85,241) |
hsl(270,85%,64%) |
| #963eef |
rgb(150,62,239) |
hsl(270,85%,59%) |
| #8a26ed |
rgb(138,38,237) |
hsl(270,85%,54%) |
| #7d13e7 |
rgb(125,19,231) |
hsl(270,85%,49%) |
| #7011d0 |
rgb(112,17,208) |
hsl(270,85%,44%) |
| #630fb8 |
rgb(99,15,184) |
hsl(270,85%,39%) |
| #570da0 |
rgb(87,13,160) |
hsl(270,85%,34%) |
| #4a0b89 |
rgb(74,11,137) |
hsl(270,85%,29%) |
| #3d0971 |
rgb(61,9,113) |
hsl(270,85%,24%) |
| #30075a |
rgb(48,7,90) |
hsl(270,85%,19%) |
| #240542 |
rgb(36,5,66) |
hsl(270,85%,14%) |
| #17032a |
rgb(23,3,42) |
hsl(270,85%,9%) |
| #0a0213 |
rgb(10,2,19) |
hsl(270,85%,4%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #0D24A1 |
rgb(13,36,161) |
hsl(231,85%,34%) |
| #580DA1 |
rgb(88,13,161) |
hsl(270,85%,34%) |
| #A10D87 |
rgb(161,13,135) |
hsl(311,85%,34%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #660FBA |
rgb(102,15,186) |
hsl(271,85%,39%) |
| #580DA1 |
rgb(88,13,161) |
hsl(270,85%,34%) |
| #490A87 |
rgb(73,10,135) |
hsl(270,86%,28%) |
| #3B086D |
rgb(59,8,109) |
hsl(270,86%,23%) |
| #2D0853 |
rgb(45,8,83) |
hsl(270,82%,18%) |
| #1F0539 |
rgb(31,5,57) |
hsl(270,84%,12%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #580DA1 |
rgb(88,13,161) |
hsl(270,85%,34%) |
| #A0A10D |
rgb(160,161,13) |
hsl(60,85%,34%) |
| #0DA10E |
rgb(13,161,14) |
hsl(120,85%,34%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #580DA1 |
rgb(88,13,161) |
hsl(270,85%,34%) |
| #56A10D |
rgb(86,161,13) |
hsl(90,85%,34%) |
| #0E0DA1 |
rgb(14,13,161) |
hsl(240,85%,34%) |
| #0DA10E |
rgb(13,161,14) |
hsl(120,85%,34%) |
