HEX #3A45A5 color — Sapphire
The color #3A45A5 is a dark shade and moderately saturated.
Palette
3A45A5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(234,48%,99%) |
#e8eaf7 |
rgb(232,234,247) |
hsl(234,48%,94%) |
#d5d8f0 |
rgb(213,216,240) |
hsl(234,48%,89%) |
#c3c7ea |
rgb(195,199,234) |
hsl(234,48%,84%) |
#b0b5e3 |
rgb(176,181,227) |
hsl(234,48%,79%) |
#9da3dd |
rgb(157,163,221) |
hsl(234,48%,74%) |
#8a92d6 |
rgb(138,146,214) |
hsl(234,48%,69%) |
#7780cf |
rgb(119,128,207) |
hsl(234,48%,64%) |
#646ec9 |
rgb(100,110,201) |
hsl(234,48%,59%) |
#515dc2 |
rgb(81,93,194) |
hsl(234,48%,54%) |
#414db9 |
rgb(65,77,185) |
hsl(234,48%,49%) |
#3a45a6 |
rgb(58,69,166) |
hsl(234,48%,44%) |
#343d93 |
rgb(52,61,147) |
hsl(234,48%,39%) |
#2d3580 |
rgb(45,53,128) |
hsl(234,48%,34%) |
#262e6d |
rgb(38,46,109) |
hsl(234,48%,29%) |
#20265b |
rgb(32,38,91) |
hsl(234,48%,24%) |
#191e48 |
rgb(25,30,72) |
hsl(234,48%,19%) |
#131635 |
rgb(19,22,53) |
hsl(234,48%,14%) |
#0c0e22 |
rgb(12,14,34) |
hsl(234,48%,9%) |
#05060f |
rgb(5,6,15) |
hsl(234,48%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3A8CA5 |
rgb(58,140,165) |
hsl(194,48%,44%) |
#3A45A5 |
rgb(58,69,165) |
hsl(234,48%,44%) |
#763BA5 |
rgb(118,59,165) |
hsl(273,47%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5F6BC6 |
rgb(95,107,198) |
hsl(233,47%,57%) |
#4552BD |
rgb(69,82,189) |
hsl(234,48%,51%) |
#3A45A5 |
rgb(58,69,165) |
hsl(234,48%,44%) |
#303B8A |
rgb(48,59,138) |
hsl(233,48%,36%) |
#272E70 |
rgb(39,46,112) |
hsl(234,48%,30%) |
#1E2455 |
rgb(30,36,85) |
hsl(233,48%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A45A5 |
rgb(58,69,165) |
hsl(234,48%,44%) |
#A5633A |
rgb(165,99,58) |
hsl(23,48%,44%) |
#7AA63A |
rgb(122,166,58) |
hsl(84,48%,44%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A45A5 |
rgb(58,69,165) |
hsl(234,48%,44%) |
#A5993A |
rgb(165,153,58) |
hsl(53,48%,44%) |
#3A7AA5 |
rgb(58,122,165) |
hsl(204,48%,44%) |
#7AA63A |
rgb(122,166,58) |
hsl(84,48%,44%) |