HEX #2B63D6 color — Mariner
The color #2B63D6 is a dark shade and moderately saturated.
Palette
2B63D6 color palette from light to dark
HEX |
RGB |
HSL |
#eaeffb |
rgb(234,239,251) |
hsl(220,68%,95%) |
#d4e0f7 |
rgb(212,224,247) |
hsl(220,68%,90%) |
#bfd0f3 |
rgb(191,208,243) |
hsl(220,68%,85%) |
#a9c0ef |
rgb(169,192,239) |
hsl(220,68%,80%) |
#94b1eb |
rgb(148,177,235) |
hsl(220,68%,75%) |
#7ea1e7 |
rgb(126,161,231) |
hsl(220,68%,70%) |
#6992e2 |
rgb(105,146,226) |
hsl(220,68%,65%) |
#5482de |
rgb(84,130,222) |
hsl(220,68%,60%) |
#3e72da |
rgb(62,114,218) |
hsl(220,68%,55%) |
#2963d6 |
rgb(41,99,214) |
hsl(220,68%,50%) |
#2559c1 |
rgb(37,89,193) |
hsl(220,68%,45%) |
#214fab |
rgb(33,79,171) |
hsl(220,68%,40%) |
#1d4596 |
rgb(29,69,150) |
hsl(220,68%,35%) |
#183b81 |
rgb(24,59,129) |
hsl(220,68%,30%) |
#14316b |
rgb(20,49,107) |
hsl(220,68%,25%) |
#102756 |
rgb(16,39,86) |
hsl(220,68%,20%) |
#0c1e40 |
rgb(12,30,64) |
hsl(220,68%,15%) |
#08142b |
rgb(8,20,43) |
hsl(220,68%,10%) |
#040a15 |
rgb(4,10,21) |
hsl(220,68%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2BD6D6 |
rgb(43,214,214) |
hsl(180,68%,50%) |
#2B63D6 |
rgb(43,99,214) |
hsl(220,68%,50%) |
#652BD6 |
rgb(101,43,214) |
hsl(260,68%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6F96E3 |
rgb(111,150,227) |
hsl(220,67%,66%) |
#4D7DDC |
rgb(77,125,220) |
hsl(220,67%,58%) |
#2B63D6 |
rgb(43,99,214) |
hsl(220,68%,50%) |
#2252B4 |
rgb(34,82,180) |
hsl(220,68%,42%) |
#1C4292 |
rgb(28,66,146) |
hsl(221,68%,34%) |
#15336F |
rgb(21,51,111) |
hsl(220,68%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#2B63D6 |
rgb(43,99,214) |
hsl(220,68%,50%) |
#D6472B |
rgb(214,71,43) |
hsl(10,68%,50%) |
#B8D62B |
rgb(184,214,43) |
hsl(71,68%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2B63D6 |
rgb(43,99,214) |
hsl(220,68%,50%) |
#D69E2B |
rgb(214,158,43) |
hsl(40,68%,50%) |
#2BB8D6 |
rgb(43,184,214) |
hsl(191,68%,50%) |
#B8D62B |
rgb(184,214,43) |
hsl(71,68%,50%) |