HEX #3B82DC color — Royal Blue
The color #3B82DC is a dark shade and moderately saturated.
Palette
3B82DC color palette from light to dark
HEX |
RGB |
HSL |
#e9f1fb |
rgb(233,241,251) |
hsl(214,70%,95%) |
#d4e3f7 |
rgb(212,227,247) |
hsl(214,70%,90%) |
#bed5f4 |
rgb(190,213,244) |
hsl(214,70%,85%) |
#a8c7f0 |
rgb(168,199,240) |
hsl(214,70%,80%) |
#93b9ec |
rgb(147,185,236) |
hsl(214,70%,75%) |
#7dabe8 |
rgb(125,171,232) |
hsl(214,70%,70%) |
#679de4 |
rgb(103,157,228) |
hsl(214,70%,65%) |
#528fe0 |
rgb(82,143,224) |
hsl(214,70%,60%) |
#3c82dd |
rgb(60,130,221) |
hsl(214,70%,55%) |
#2674d9 |
rgb(38,116,217) |
hsl(214,70%,50%) |
#2268c3 |
rgb(34,104,195) |
hsl(214,70%,45%) |
#1f5cad |
rgb(31,92,173) |
hsl(214,70%,40%) |
#1b5198 |
rgb(27,81,152) |
hsl(214,70%,35%) |
#174582 |
rgb(23,69,130) |
hsl(214,70%,30%) |
#133a6c |
rgb(19,58,108) |
hsl(214,70%,25%) |
#0f2e57 |
rgb(15,46,87) |
hsl(214,70%,20%) |
#0b2341 |
rgb(11,35,65) |
hsl(214,70%,15%) |
#08172b |
rgb(8,23,43) |
hsl(214,70%,10%) |
#040c16 |
rgb(4,12,22) |
hsl(214,70%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BDBCA |
rgb(59,219,202) |
hsl(174,69%,55%) |
#3B82DC |
rgb(59,130,220) |
hsl(214,70%,55%) |
#5F3BDC |
rgb(95,59,220) |
hsl(253,70%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#86B3E9 |
rgb(134,179,233) |
hsl(213,69%,72%) |
#6099E2 |
rgb(96,153,226) |
hsl(214,69%,63%) |
#3B82DC |
rgb(59,130,220) |
hsl(214,70%,55%) |
#236BC6 |
rgb(35,107,198) |
hsl(213,70%,46%) |
#1C57A0 |
rgb(28,87,160) |
hsl(213,70%,37%) |
#15427B |
rgb(21,66,123) |
hsl(214,71%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B82DC |
rgb(59,130,220) |
hsl(214,70%,55%) |
#DC453B |
rgb(220,69,59) |
hsl(4,70%,55%) |
#D2DB3B |
rgb(210,219,59) |
hsl(63,69%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B82DC |
rgb(59,130,220) |
hsl(214,70%,55%) |
#DC943B |
rgb(220,148,59) |
hsl(33,70%,55%) |
#3BD4DC |
rgb(59,212,220) |
hsl(183,70%,55%) |
#D2DB3B |
rgb(210,219,59) |
hsl(63,69%,55%) |