HEX #3A40A5 color — Sapphire
The color #3A40A5 is a dark shade and moderately saturated.
Palette
3A40A5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(237,48%,99%) |
#e8e9f7 |
rgb(232,233,247) |
hsl(237,48%,94%) |
#d5d7f0 |
rgb(213,215,240) |
hsl(237,48%,89%) |
#c3c5ea |
rgb(195,197,234) |
hsl(237,48%,84%) |
#b0b2e3 |
rgb(176,178,227) |
hsl(237,48%,79%) |
#9da0dd |
rgb(157,160,221) |
hsl(237,48%,74%) |
#8a8ed6 |
rgb(138,142,214) |
hsl(237,48%,69%) |
#777ccf |
rgb(119,124,207) |
hsl(237,48%,64%) |
#6469c9 |
rgb(100,105,201) |
hsl(237,48%,59%) |
#5157c2 |
rgb(81,87,194) |
hsl(237,48%,54%) |
#4147b9 |
rgb(65,71,185) |
hsl(237,48%,49%) |
#3a40a6 |
rgb(58,64,166) |
hsl(237,48%,44%) |
#343893 |
rgb(52,56,147) |
hsl(237,48%,39%) |
#2d3180 |
rgb(45,49,128) |
hsl(237,48%,34%) |
#262a6d |
rgb(38,42,109) |
hsl(237,48%,29%) |
#20235b |
rgb(32,35,91) |
hsl(237,48%,24%) |
#191c48 |
rgb(25,28,72) |
hsl(237,48%,19%) |
#131435 |
rgb(19,20,53) |
hsl(237,48%,14%) |
#0c0d22 |
rgb(12,13,34) |
hsl(237,48%,9%) |
#05060f |
rgb(5,6,15) |
hsl(237,48%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3A87A5 |
rgb(58,135,165) |
hsl(197,48%,44%) |
#3A40A5 |
rgb(58,64,165) |
hsl(237,48%,44%) |
#7B3BA5 |
rgb(123,59,165) |
hsl(276,47%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5F66C6 |
rgb(95,102,198) |
hsl(236,47%,57%) |
#454DBD |
rgb(69,77,189) |
hsl(236,48%,51%) |
#3A40A5 |
rgb(58,64,165) |
hsl(237,48%,44%) |
#30368A |
rgb(48,54,138) |
hsl(236,48%,36%) |
#272B70 |
rgb(39,43,112) |
hsl(237,48%,30%) |
#1E2155 |
rgb(30,33,85) |
hsl(237,48%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A40A5 |
rgb(58,64,165) |
hsl(237,48%,44%) |
#A5693A |
rgb(165,105,58) |
hsl(26,48%,44%) |
#75A63A |
rgb(117,166,58) |
hsl(87,48%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A40A5 |
rgb(58,64,165) |
hsl(237,48%,44%) |
#A59E3A |
rgb(165,158,58) |
hsl(56,48%,44%) |
#3A75A5 |
rgb(58,117,165) |
hsl(207,48%,44%) |
#75A63A |
rgb(117,166,58) |
hsl(87,48%,44%) |