HEX #3345A1 color — Sapphire
The color #3345A1 is a dark shade and moderately saturated.
Palette
3345A1 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fb |
rgb(243,245,251) |
hsl(230,52%,97%) |
#e0e4f5 |
rgb(224,228,245) |
hsl(230,52%,92%) |
#cdd2ef |
rgb(205,210,239) |
hsl(230,52%,87%) |
#b9c1e9 |
rgb(185,193,233) |
hsl(230,52%,82%) |
#a6b0e3 |
rgb(166,176,227) |
hsl(230,52%,77%) |
#929fdd |
rgb(146,159,221) |
hsl(230,52%,72%) |
#7f8ed7 |
rgb(127,142,215) |
hsl(230,52%,67%) |
#6c7dd0 |
rgb(108,125,208) |
hsl(230,52%,62%) |
#586bca |
rgb(88,107,202) |
hsl(230,52%,57%) |
#455ac4 |
rgb(69,90,196) |
hsl(230,52%,52%) |
#3a4eb6 |
rgb(58,78,182) |
hsl(230,52%,47%) |
#3346a3 |
rgb(51,70,163) |
hsl(230,52%,42%) |
#2d3e8f |
rgb(45,62,143) |
hsl(230,52%,37%) |
#27357c |
rgb(39,53,124) |
hsl(230,52%,32%) |
#212d69 |
rgb(33,45,105) |
hsl(230,52%,27%) |
#1b2555 |
rgb(27,37,85) |
hsl(230,52%,22%) |
#151c42 |
rgb(21,28,66) |
hsl(230,52%,17%) |
#0f142f |
rgb(15,20,47) |
hsl(230,52%,12%) |
#090c1b |
rgb(9,12,27) |
hsl(230,52%,7%) |
#020308 |
rgb(2,3,8) |
hsl(230,52%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#338FA1 |
rgb(51,143,161) |
hsl(190,52%,42%) |
#3345A1 |
rgb(51,69,161) |
hsl(230,52%,42%) |
#6A33A1 |
rgb(106,51,161) |
hsl(270,52%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5063C7 |
rgb(80,99,199) |
hsl(230,52%,55%) |
#3B4FBA |
rgb(59,79,186) |
hsl(231,52%,48%) |
#3345A1 |
rgb(51,69,161) |
hsl(230,52%,42%) |
#2A3B87 |
rgb(42,59,135) |
hsl(229,53%,35%) |
#222E6D |
rgb(34,46,109) |
hsl(230,52%,28%) |
#1A2453 |
rgb(26,36,83) |
hsl(229,52%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#3345A1 |
rgb(51,69,161) |
hsl(230,52%,42%) |
#A15933 |
rgb(161,89,51) |
hsl(21,52%,42%) |
#7CA133 |
rgb(124,161,51) |
hsl(80,52%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3345A1 |
rgb(51,69,161) |
hsl(230,52%,42%) |
#A18F33 |
rgb(161,143,51) |
hsl(50,52%,42%) |
#337DA1 |
rgb(51,125,161) |
hsl(200,52%,42%) |
#7CA133 |
rgb(124,161,51) |
hsl(80,52%,42%) |