HEX #3345A5 color — Sapphire
The color #3345A5 is a dark shade and moderately saturated.
Palette
3345A5 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fb |
rgb(243,245,251) |
hsl(231,53%,97%) |
#e0e3f5 |
rgb(224,227,245) |
hsl(231,53%,92%) |
#ccd2ef |
rgb(204,210,239) |
hsl(231,53%,87%) |
#b9c0e9 |
rgb(185,192,233) |
hsl(231,53%,82%) |
#a5afe3 |
rgb(165,175,227) |
hsl(231,53%,77%) |
#929ddd |
rgb(146,157,221) |
hsl(231,53%,72%) |
#7e8cd7 |
rgb(126,140,215) |
hsl(231,53%,67%) |
#6b7ad1 |
rgb(107,122,209) |
hsl(231,53%,62%) |
#5769cb |
rgb(87,105,203) |
hsl(231,53%,57%) |
#4457c5 |
rgb(68,87,197) |
hsl(231,53%,52%) |
#384bb7 |
rgb(56,75,183) |
hsl(231,53%,47%) |
#3243a4 |
rgb(50,67,164) |
hsl(231,53%,42%) |
#2c3b90 |
rgb(44,59,144) |
hsl(231,53%,37%) |
#26337d |
rgb(38,51,125) |
hsl(231,53%,32%) |
#202b69 |
rgb(32,43,105) |
hsl(231,53%,27%) |
#1a2356 |
rgb(26,35,86) |
hsl(231,53%,22%) |
#141b42 |
rgb(20,27,66) |
hsl(231,53%,17%) |
#0e132f |
rgb(14,19,47) |
hsl(231,53%,12%) |
#080b1b |
rgb(8,11,27) |
hsl(231,53%,7%) |
#020308 |
rgb(2,3,8) |
hsl(231,53%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3391A5 |
rgb(51,145,165) |
hsl(191,53%,42%) |
#3345A5 |
rgb(51,69,165) |
hsl(231,53%,42%) |
#6D33A5 |
rgb(109,51,165) |
hsl(271,53%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5366C9 |
rgb(83,102,201) |
hsl(230,52%,56%) |
#3B4FBF |
rgb(59,79,191) |
hsl(231,53%,49%) |
#3345A5 |
rgb(51,69,165) |
hsl(231,53%,42%) |
#2A3B8A |
rgb(42,59,138) |
hsl(229,53%,35%) |
#222E70 |
rgb(34,46,112) |
hsl(231,53%,29%) |
#1A2455 |
rgb(26,36,85) |
hsl(230,53%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#3345A5 |
rgb(51,69,165) |
hsl(231,53%,42%) |
#A55933 |
rgb(165,89,51) |
hsl(20,53%,42%) |
#7EA633 |
rgb(126,166,51) |
hsl(81,53%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3345A5 |
rgb(51,69,165) |
hsl(231,53%,42%) |
#A59433 |
rgb(165,148,51) |
hsl(51,53%,42%) |
#337DA5 |
rgb(51,125,165) |
hsl(201,53%,42%) |
#7EA633 |
rgb(126,166,51) |
hsl(81,53%,43%) |