HEX #3B78F2 color — Royal Blue
The color #3B78F2 is a dark shade and moderately saturated.
Palette
3B78F2 color palette from light to dark
HEX |
RGB |
HSL |
#fafcff |
rgb(250,252,255) |
hsl(220,88%,99%) |
#e2ebfd |
rgb(226,235,253) |
hsl(220,88%,94%) |
#cadbfc |
rgb(202,219,252) |
hsl(220,88%,89%) |
#b2cafa |
rgb(178,202,250) |
hsl(220,88%,84%) |
#9abaf9 |
rgb(154,186,249) |
hsl(220,88%,79%) |
#82a9f7 |
rgb(130,169,247) |
hsl(220,88%,74%) |
#6a99f6 |
rgb(106,153,246) |
hsl(220,88%,69%) |
#5288f4 |
rgb(82,136,244) |
hsl(220,88%,64%) |
#3a78f2 |
rgb(58,120,242) |
hsl(220,88%,59%) |
#2267f1 |
rgb(34,103,241) |
hsl(220,88%,54%) |
#0f58eb |
rgb(15,88,235) |
hsl(220,88%,49%) |
#0d4fd3 |
rgb(13,79,211) |
hsl(220,88%,44%) |
#0c46bb |
rgb(12,70,187) |
hsl(220,88%,39%) |
#0a3da3 |
rgb(10,61,163) |
hsl(220,88%,34%) |
#09348b |
rgb(9,52,139) |
hsl(220,88%,29%) |
#072b73 |
rgb(7,43,115) |
hsl(220,88%,24%) |
#06225b |
rgb(6,34,91) |
hsl(220,88%,19%) |
#041943 |
rgb(4,25,67) |
hsl(220,88%,14%) |
#03102b |
rgb(3,16,43) |
hsl(220,88%,9%) |
#010713 |
rgb(1,7,19) |
hsl(220,88%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3BF2F2 |
rgb(59,242,242) |
hsl(180,88%,59%) |
#3B78F2 |
rgb(59,120,242) |
hsl(220,88%,59%) |
#783BF2 |
rgb(120,59,242) |
hsl(260,88%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#95B5F7 |
rgb(149,181,247) |
hsl(220,86%,78%) |
#6896F5 |
rgb(104,150,245) |
hsl(220,88%,68%) |
#3B78F2 |
rgb(59,120,242) |
hsl(220,88%,59%) |
#0F59ED |
rgb(15,89,237) |
hsl(220,88%,49%) |
#0C47BF |
rgb(12,71,191) |
hsl(220,88%,40%) |
#093892 |
rgb(9,56,146) |
hsl(219,88%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B78F2 |
rgb(59,120,242) |
hsl(220,88%,59%) |
#F2593B |
rgb(242,89,59) |
hsl(10,88%,59%) |
#D3F23B |
rgb(211,242,59) |
hsl(70,88%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B78F2 |
rgb(59,120,242) |
hsl(220,88%,59%) |
#F2B53B |
rgb(242,181,59) |
hsl(40,88%,59%) |
#3BD4F2 |
rgb(59,212,242) |
hsl(190,88%,59%) |
#D3F23B |
rgb(211,242,59) |
hsl(70,88%,59%) |