HEX #3D87E1 color — Royal Blue
The color #3D87E1 is a light shade and moderately saturated.
Palette
3D87E1 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 |
#3DE0CD |
rgb(61,224,205) |
hsl(173,72%,56%) |
#3D87E1 |
rgb(61,135,225) |
hsl(213,73%,56%) |
#603DE1 |
rgb(96,61,225) |
hsl(253,73%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8CB8ED |
rgb(140,184,237) |
hsl(213,73%,74%) |
#64A1E7 |
rgb(100,161,231) |
hsl(212,73%,65%) |
#3D87E1 |
rgb(61,135,225) |
hsl(213,73%,56%) |
#2070D0 |
rgb(32,112,208) |
hsl(213,73%,47%) |
#1A59A8 |
rgb(26,89,168) |
hsl(213,73%,38%) |
#134580 |
rgb(19,69,128) |
hsl(212,74%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3D87E1 |
rgb(61,135,225) |
hsl(213,73%,56%) |
#E1453D |
rgb(225,69,61) |
hsl(3,73%,56%) |
#D9E03D |
rgb(217,224,61) |
hsl(63,72%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3D87E1 |
rgb(61,135,225) |
hsl(213,73%,56%) |
#E1963D |
rgb(225,150,61) |
hsl(33,73%,56%) |
#3DD9E1 |
rgb(61,217,225) |
hsl(183,73%,56%) |
#D9E03D |
rgb(217,224,61) |
hsl(63,72%,56%) |