HEX #3A87E2 color — Royal Blue
The color #3A87E2 is a dark shade and moderately saturated.
Palette
3A87E2 color palette from light to dark
HEX |
RGB |
HSL |
#edf4fc |
rgb(237,244,252) |
hsl(213,74%,96%) |
#d7e6f9 |
rgb(215,230,249) |
hsl(213,74%,91%) |
#c1d9f6 |
rgb(193,217,246) |
hsl(213,74%,86%) |
#abcbf2 |
rgb(171,203,242) |
hsl(213,74%,81%) |
#95bdef |
rgb(149,189,239) |
hsl(213,74%,76%) |
#7eb0ec |
rgb(126,176,236) |
hsl(213,74%,71%) |
#68a2e8 |
rgb(104,162,232) |
hsl(213,74%,66%) |
#5294e5 |
rgb(82,148,229) |
hsl(213,74%,61%) |
#3c86e2 |
rgb(60,134,226) |
hsl(213,74%,56%) |
#2679df |
rgb(38,121,223) |
hsl(213,74%,51%) |
#1e6dcc |
rgb(30,109,204) |
hsl(213,74%,46%) |
#1b61b6 |
rgb(27,97,182) |
hsl(213,74%,41%) |
#1855a0 |
rgb(24,85,160) |
hsl(213,74%,36%) |
#15498a |
rgb(21,73,138) |
hsl(213,74%,31%) |
#113d73 |
rgb(17,61,115) |
hsl(213,74%,26%) |
#0e325d |
rgb(14,50,93) |
hsl(213,74%,21%) |
#0b2647 |
rgb(11,38,71) |
hsl(213,74%,16%) |
#071a31 |
rgb(7,26,49) |
hsl(213,74%,11%) |
#040e1b |
rgb(4,14,27) |
hsl(213,74%,6%) |
#010204 |
rgb(1,2,4) |
hsl(213,74%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3AE3CD |
rgb(58,227,205) |
hsl(172,75%,56%) |
#3A87E2 |
rgb(58,135,226) |
hsl(213,74%,56%) |
#5D3BE2 |
rgb(93,59,226) |
hsl(252,74%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#89B8ED |
rgb(137,184,237) |
hsl(212,74%,73%) |
#619EE7 |
rgb(97,158,231) |
hsl(213,74%,64%) |
#3A87E2 |
rgb(58,135,226) |
hsl(213,74%,56%) |
#1E70CF |
rgb(30,112,207) |
hsl(212,75%,46%) |
#185CA8 |
rgb(24,92,168) |
hsl(212,75%,38%) |
#124580 |
rgb(18,69,128) |
hsl(212,75%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A87E2 |
rgb(58,135,226) |
hsl(213,74%,56%) |
#E2403A |
rgb(226,64,58) |
hsl(2,74%,56%) |
#DBE33A |
rgb(219,227,58) |
hsl(63,75%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A87E2 |
rgb(58,135,226) |
hsl(213,74%,56%) |
#E2943A |
rgb(226,148,58) |
hsl(32,74%,56%) |
#3ADBE2 |
rgb(58,219,226) |
hsl(183,74%,56%) |
#DBE33A |
rgb(219,227,58) |
hsl(63,75%,56%) |