HEX #3A80E2 color — Royal Blue
The color #3A80E2 is a dark shade and moderately saturated.
Palette
3A80E2 color palette from light to dark
HEX |
RGB |
HSL |
#edf4fc |
rgb(237,244,252) |
hsl(215,74%,96%) |
#d7e5f9 |
rgb(215,229,249) |
hsl(215,74%,91%) |
#c1d7f6 |
rgb(193,215,246) |
hsl(215,74%,86%) |
#abc9f2 |
rgb(171,201,242) |
hsl(215,74%,81%) |
#95baef |
rgb(149,186,239) |
hsl(215,74%,76%) |
#7eacec |
rgb(126,172,236) |
hsl(215,74%,71%) |
#689ee8 |
rgb(104,158,232) |
hsl(215,74%,66%) |
#528fe5 |
rgb(82,143,229) |
hsl(215,74%,61%) |
#3c81e2 |
rgb(60,129,226) |
hsl(215,74%,56%) |
#2673df |
rgb(38,115,223) |
hsl(215,74%,51%) |
#1e67cc |
rgb(30,103,204) |
hsl(215,74%,46%) |
#1b5cb6 |
rgb(27,92,182) |
hsl(215,74%,41%) |
#1850a0 |
rgb(24,80,160) |
hsl(215,74%,36%) |
#15458a |
rgb(21,69,138) |
hsl(215,74%,31%) |
#113a73 |
rgb(17,58,115) |
hsl(215,74%,26%) |
#0e2f5d |
rgb(14,47,93) |
hsl(215,74%,21%) |
#0b2447 |
rgb(11,36,71) |
hsl(215,74%,16%) |
#071931 |
rgb(7,25,49) |
hsl(215,74%,11%) |
#040d1b |
rgb(4,13,27) |
hsl(215,74%,6%) |
#010204 |
rgb(1,2,4) |
hsl(215,74%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AE3D4 |
rgb(58,227,212) |
hsl(175,75%,56%) |
#3A80E2 |
rgb(58,128,226) |
hsl(215,74%,56%) |
#643BE2 |
rgb(100,59,226) |
hsl(255,74%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#89B3ED |
rgb(137,179,237) |
hsl(215,74%,73%) |
#6199E7 |
rgb(97,153,231) |
hsl(215,74%,64%) |
#3A80E2 |
rgb(58,128,226) |
hsl(215,74%,56%) |
#1E69CF |
rgb(30,105,207) |
hsl(215,75%,46%) |
#1854A8 |
rgb(24,84,168) |
hsl(215,75%,38%) |
#124080 |
rgb(18,64,128) |
hsl(215,75%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A80E2 |
rgb(58,128,226) |
hsl(215,74%,56%) |
#E2473A |
rgb(226,71,58) |
hsl(5,74%,56%) |
#D4E33A |
rgb(212,227,58) |
hsl(65,75%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A80E2 |
rgb(58,128,226) |
hsl(215,74%,56%) |
#E29C3A |
rgb(226,156,58) |
hsl(35,74%,56%) |
#3AD4E2 |
rgb(58,212,226) |
hsl(185,74%,56%) |
#D4E33A |
rgb(212,227,58) |
hsl(65,75%,56%) |