HEX #3580E1 color — Royal Blue
The color #3580E1 is a dark shade and moderately saturated.
Palette
3580E1 color palette from light to dark
| HEX |
RGB |
HSL |
| #e9f1fc |
rgb(233,241,252) |
hsl(214,74%,95%) |
| #d3e3f8 |
rgb(211,227,248) |
hsl(214,74%,90%) |
| #bcd5f5 |
rgb(188,213,245) |
hsl(214,74%,85%) |
| #a6c7f2 |
rgb(166,199,242) |
hsl(214,74%,80%) |
| #90b9ee |
rgb(144,185,238) |
hsl(214,74%,75%) |
| #7aabeb |
rgb(122,171,235) |
hsl(214,74%,70%) |
| #649de8 |
rgb(100,157,232) |
hsl(214,74%,65%) |
| #4e8fe4 |
rgb(78,143,228) |
hsl(214,74%,60%) |
| #3781e1 |
rgb(55,129,225) |
hsl(214,74%,55%) |
| #2173de |
rgb(33,115,222) |
hsl(214,74%,50%) |
| #1e67c8 |
rgb(30,103,200) |
hsl(214,74%,45%) |
| #1b5cb1 |
rgb(27,92,177) |
hsl(214,74%,40%) |
| #17509b |
rgb(23,80,155) |
hsl(214,74%,35%) |
| #144585 |
rgb(20,69,133) |
hsl(214,74%,30%) |
| #11396f |
rgb(17,57,111) |
hsl(214,74%,25%) |
| #0d2e59 |
rgb(13,46,89) |
hsl(214,74%,20%) |
| #0a2243 |
rgb(10,34,67) |
hsl(214,74%,15%) |
| #07172c |
rgb(7,23,44) |
hsl(214,74%,10%) |
| #030b16 |
rgb(3,11,22) |
hsl(214,74%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #35E0CF |
rgb(53,224,207) |
hsl(174,73%,54%) |
| #3580E1 |
rgb(53,128,225) |
hsl(214,74%,55%) |
| #5C36E1 |
rgb(92,54,225) |
hsl(253,74%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #82B0EC |
rgb(130,176,236) |
hsl(214,74%,72%) |
| #5B99E6 |
rgb(91,153,230) |
hsl(213,74%,63%) |
| #3580E1 |
rgb(53,128,225) |
hsl(214,74%,55%) |
| #1E69CB |
rgb(30,105,203) |
hsl(214,74%,46%) |
| #1857A4 |
rgb(24,87,164) |
hsl(213,74%,37%) |
| #12427D |
rgb(18,66,125) |
hsl(213,75%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3580E1 |
rgb(53,128,225) |
hsl(214,74%,55%) |
| #E14035 |
rgb(225,64,53) |
hsl(4,74%,55%) |
| #D6E035 |
rgb(214,224,53) |
hsl(64,73%,54%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3580E1 |
rgb(53,128,225) |
hsl(214,74%,55%) |
| #E19635 |
rgb(225,150,53) |
hsl(34,74%,55%) |
| #35D6E1 |
rgb(53,214,225) |
hsl(184,74%,55%) |
| #D6E035 |
rgb(214,224,53) |
hsl(64,73%,54%) |
