HEX #3B87E1 color — Royal Blue
The color #3B87E1 is a dark shade and moderately saturated.
Palette
3B87E1 color palette from light to dark
HEX |
RGB |
HSL |
#edf4fc |
rgb(237,244,252) |
hsl(213,73%,96%) |
#d7e6f9 |
rgb(215,230,249) |
hsl(213,73%,91%) |
#c1d9f5 |
rgb(193,217,245) |
hsl(213,73%,86%) |
#abcbf2 |
rgb(171,203,242) |
hsl(213,73%,81%) |
#95bdee |
rgb(149,189,238) |
hsl(213,73%,76%) |
#7fb0eb |
rgb(127,176,235) |
hsl(213,73%,71%) |
#69a2e8 |
rgb(105,162,232) |
hsl(213,73%,66%) |
#5394e4 |
rgb(83,148,228) |
hsl(213,73%,61%) |
#3d87e1 |
rgb(61,135,225) |
hsl(213,73%,56%) |
#2779dd |
rgb(39,121,221) |
hsl(213,73%,51%) |
#206dcb |
rgb(32,109,203) |
hsl(213,73%,46%) |
#1c61b5 |
rgb(28,97,181) |
hsl(213,73%,41%) |
#19559f |
rgb(25,85,159) |
hsl(213,73%,36%) |
#154989 |
rgb(21,73,137) |
hsl(213,73%,31%) |
#123d73 |
rgb(18,61,115) |
hsl(213,73%,26%) |
#0e325d |
rgb(14,50,93) |
hsl(213,73%,21%) |
#0b2647 |
rgb(11,38,71) |
hsl(213,73%,16%) |
#081a31 |
rgb(8,26,49) |
hsl(213,73%,11%) |
#040e1a |
rgb(4,14,26) |
hsl(213,73%,6%) |
#010204 |
rgb(1,2,4) |
hsl(213,73%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BE0CC |
rgb(59,224,204) |
hsl(173,73%,55%) |
#3B87E1 |
rgb(59,135,225) |
hsl(213,73%,56%) |
#5D3BE1 |
rgb(93,59,225) |
hsl(252,73%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#89B8ED |
rgb(137,184,237) |
hsl(212,74%,73%) |
#629EE7 |
rgb(98,158,231) |
hsl(213,73%,65%) |
#3B87E1 |
rgb(59,135,225) |
hsl(213,73%,56%) |
#1F70CE |
rgb(31,112,206) |
hsl(212,74%,46%) |
#195CA7 |
rgb(25,92,167) |
hsl(212,74%,38%) |
#134580 |
rgb(19,69,128) |
hsl(212,74%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B87E1 |
rgb(59,135,225) |
hsl(213,73%,56%) |
#E1423B |
rgb(225,66,59) |
hsl(3,73%,56%) |
#DAE03B |
rgb(218,224,59) |
hsl(62,73%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B87E1 |
rgb(59,135,225) |
hsl(213,73%,56%) |
#E1943B |
rgb(225,148,59) |
hsl(32,73%,56%) |
#3BD9E1 |
rgb(59,217,225) |
hsl(183,73%,56%) |
#DAE03B |
rgb(218,224,59) |
hsl(62,73%,55%) |