HEX #3A80E1 color — Royal Blue
The color #3A80E1 is a dark shade and moderately saturated.
Palette
3A80E1 color palette from light to dark
| HEX |
RGB |
HSL |
| #e9f1fc |
rgb(233,241,252) |
hsl(215,74%,95%) |
| #d3e2f8 |
rgb(211,226,248) |
hsl(215,74%,90%) |
| #bcd4f5 |
rgb(188,212,245) |
hsl(215,74%,85%) |
| #a6c6f2 |
rgb(166,198,242) |
hsl(215,74%,80%) |
| #90b7ee |
rgb(144,183,238) |
hsl(215,74%,75%) |
| #7aa9eb |
rgb(122,169,235) |
hsl(215,74%,70%) |
| #649be8 |
rgb(100,155,232) |
hsl(215,74%,65%) |
| #4e8ce4 |
rgb(78,140,228) |
hsl(215,74%,60%) |
| #377ee1 |
rgb(55,126,225) |
hsl(215,74%,55%) |
| #2170de |
rgb(33,112,222) |
hsl(215,74%,50%) |
| #1e65c8 |
rgb(30,101,200) |
hsl(215,74%,45%) |
| #1b59b1 |
rgb(27,89,177) |
hsl(215,74%,40%) |
| #174e9b |
rgb(23,78,155) |
hsl(215,74%,35%) |
| #144385 |
rgb(20,67,133) |
hsl(215,74%,30%) |
| #11386f |
rgb(17,56,111) |
hsl(215,74%,25%) |
| #0d2d59 |
rgb(13,45,89) |
hsl(215,74%,20%) |
| #0a2243 |
rgb(10,34,67) |
hsl(215,74%,15%) |
| #07162c |
rgb(7,22,44) |
hsl(215,74%,10%) |
| #030b16 |
rgb(3,11,22) |
hsl(215,74%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3AE0D2 |
rgb(58,224,210) |
hsl(175,73%,55%) |
| #3A80E1 |
rgb(58,128,225) |
hsl(215,74%,55%) |
| #633BE1 |
rgb(99,59,225) |
hsl(254,73%,56%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #88B3EC |
rgb(136,179,236) |
hsl(214,72%,73%) |
| #6199E6 |
rgb(97,153,230) |
hsl(215,73%,64%) |
| #3A80E1 |
rgb(58,128,225) |
hsl(215,74%,55%) |
| #1F69CE |
rgb(31,105,206) |
hsl(215,74%,46%) |
| #1954A7 |
rgb(25,84,167) |
hsl(215,74%,38%) |
| #13407F |
rgb(19,64,127) |
hsl(215,74%,29%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3A80E1 |
rgb(58,128,225) |
hsl(215,74%,55%) |
| #E1473A |
rgb(225,71,58) |
hsl(5,74%,55%) |
| #D3E03A |
rgb(211,224,58) |
hsl(65,73%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3A80E1 |
rgb(58,128,225) |
hsl(215,74%,55%) |
| #E19C3A |
rgb(225,156,58) |
hsl(35,74%,55%) |
| #3AD4E1 |
rgb(58,212,225) |
hsl(185,74%,55%) |
| #D3E03A |
rgb(211,224,58) |
hsl(65,73%,55%) |
