HEX #3B45A8 color — Sapphire
The color #3B45A8 is a dark shade and moderately saturated.
Palette
3B45A8 color palette from light to dark
HEX |
RGB |
HSL |
#ecedf8 |
rgb(236,237,248) |
hsl(234,48%,95%) |
#d9dcf2 |
rgb(217,220,242) |
hsl(234,48%,90%) |
#c6caeb |
rgb(198,202,235) |
hsl(234,48%,85%) |
#b4b8e4 |
rgb(180,184,228) |
hsl(234,48%,80%) |
#a1a7de |
rgb(161,167,222) |
hsl(234,48%,75%) |
#8e95d7 |
rgb(142,149,215) |
hsl(234,48%,70%) |
#7b83d1 |
rgb(123,131,209) |
hsl(234,48%,65%) |
#6872ca |
rgb(104,114,202) |
hsl(234,48%,60%) |
#5560c3 |
rgb(85,96,195) |
hsl(234,48%,55%) |
#424fbd |
rgb(66,79,189) |
hsl(234,48%,50%) |
#3c47aa |
rgb(60,71,170) |
hsl(234,48%,45%) |
#353f97 |
rgb(53,63,151) |
hsl(234,48%,40%) |
#2e3784 |
rgb(46,55,132) |
hsl(234,48%,35%) |
#282f71 |
rgb(40,47,113) |
hsl(234,48%,30%) |
#21275e |
rgb(33,39,94) |
hsl(234,48%,25%) |
#1b1f4b |
rgb(27,31,75) |
hsl(234,48%,20%) |
#141839 |
rgb(20,24,57) |
hsl(234,48%,15%) |
#0d1026 |
rgb(13,16,38) |
hsl(234,48%,10%) |
#070813 |
rgb(7,8,19) |
hsl(234,48%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3B8FA8 |
rgb(59,143,168) |
hsl(194,48%,45%) |
#3B45A8 |
rgb(59,69,168) |
hsl(234,48%,45%) |
#793BA8 |
rgb(121,59,168) |
hsl(274,48%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#636EC8 |
rgb(99,110,200) |
hsl(233,48%,59%) |
#4854BE |
rgb(72,84,190) |
hsl(234,48%,51%) |
#3B45A8 |
rgb(59,69,168) |
hsl(234,48%,45%) |
#313B8D |
rgb(49,59,141) |
hsl(233,48%,37%) |
#282E72 |
rgb(40,46,114) |
hsl(235,48%,30%) |
#1E2457 |
rgb(30,36,87) |
hsl(234,49%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3B45A8 |
rgb(59,69,168) |
hsl(234,48%,45%) |
#A8693B |
rgb(168,105,59) |
hsl(25,48%,45%) |
#7BA83B |
rgb(123,168,59) |
hsl(85,48%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3B45A8 |
rgb(59,69,168) |
hsl(234,48%,45%) |
#A89E3B |
rgb(168,158,59) |
hsl(54,48%,45%) |
#3B7AA8 |
rgb(59,122,168) |
hsl(205,48%,45%) |
#7BA83B |
rgb(123,168,59) |
hsl(85,48%,45%) |