HEX #3B82E0 color — Royal Blue
The color #3B82E0 is a dark shade and moderately saturated.
Palette
3B82E0 color palette from light to dark
| HEX |
RGB |
HSL |
| #e9f1fc |
rgb(233,241,252) |
hsl(214,73%,95%) |
| #d3e3f8 |
rgb(211,227,248) |
hsl(214,73%,90%) |
| #bdd5f5 |
rgb(189,213,245) |
hsl(214,73%,85%) |
| #a7c7f1 |
rgb(167,199,241) |
hsl(214,73%,80%) |
| #91b9ee |
rgb(145,185,238) |
hsl(214,73%,75%) |
| #7babea |
rgb(123,171,234) |
hsl(214,73%,70%) |
| #659de7 |
rgb(101,157,231) |
hsl(214,73%,65%) |
| #4f8fe3 |
rgb(79,143,227) |
hsl(214,73%,60%) |
| #3881e0 |
rgb(56,129,224) |
hsl(214,73%,55%) |
| #2273dd |
rgb(34,115,221) |
hsl(214,73%,50%) |
| #1f68c7 |
rgb(31,104,199) |
hsl(214,73%,45%) |
| #1c5cb0 |
rgb(28,92,176) |
hsl(214,73%,40%) |
| #18519a |
rgb(24,81,154) |
hsl(214,73%,35%) |
| #154584 |
rgb(21,69,132) |
hsl(214,73%,30%) |
| #113a6e |
rgb(17,58,110) |
hsl(214,73%,25%) |
| #0e2e58 |
rgb(14,46,88) |
hsl(214,73%,20%) |
| #0a2342 |
rgb(10,35,66) |
hsl(214,73%,15%) |
| #07172c |
rgb(7,23,44) |
hsl(214,73%,10%) |
| #030c16 |
rgb(3,12,22) |
hsl(214,73%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3BE0D0 |
rgb(59,224,208) |
hsl(174,73%,55%) |
| #3B82E0 |
rgb(59,130,224) |
hsl(214,73%,55%) |
| #623BE0 |
rgb(98,59,224) |
hsl(254,73%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #89B5EC |
rgb(137,181,236) |
hsl(213,72%,73%) |
| #629CE6 |
rgb(98,156,230) |
hsl(214,73%,64%) |
| #3B82E0 |
rgb(59,130,224) |
hsl(214,73%,55%) |
| #206BCD |
rgb(32,107,205) |
hsl(214,73%,46%) |
| #1A57A6 |
rgb(26,87,166) |
hsl(214,73%,38%) |
| #14427F |
rgb(20,66,127) |
hsl(214,73%,29%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3B82E0 |
rgb(59,130,224) |
hsl(214,73%,55%) |
| #E0473B |
rgb(224,71,59) |
hsl(4,73%,55%) |
| #D4E03B |
rgb(212,224,59) |
hsl(64,73%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3B82E0 |
rgb(59,130,224) |
hsl(214,73%,55%) |
| #E0993B |
rgb(224,153,59) |
hsl(34,73%,55%) |
| #3BD4E0 |
rgb(59,212,224) |
hsl(184,73%,55%) |
| #D4E03B |
rgb(212,224,59) |
hsl(64,73%,55%) |
