HEX #2F45A5 color — Sapphire
The color #2F45A5 is a dark shade and moderately saturated.
Palette
2F45A5 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fc |
rgb(243,245,252) |
hsl(229,56%,97%) |
#dfe3f6 |
rgb(223,227,246) |
hsl(229,56%,92%) |
#cbd2f0 |
rgb(203,210,240) |
hsl(229,56%,87%) |
#b7c1eb |
rgb(183,193,235) |
hsl(229,56%,82%) |
#a4b0e5 |
rgb(164,176,229) |
hsl(229,56%,77%) |
#909ee0 |
rgb(144,158,224) |
hsl(229,56%,72%) |
#7c8dda |
rgb(124,141,218) |
hsl(229,56%,67%) |
#687cd4 |
rgb(104,124,212) |
hsl(229,56%,62%) |
#546acf |
rgb(84,106,207) |
hsl(229,56%,57%) |
#4059c9 |
rgb(64,89,201) |
hsl(229,56%,52%) |
#354dbb |
rgb(53,77,187) |
hsl(229,56%,47%) |
#2f45a7 |
rgb(47,69,167) |
hsl(229,56%,42%) |
#2a3d93 |
rgb(42,61,147) |
hsl(229,56%,37%) |
#24357f |
rgb(36,53,127) |
hsl(229,56%,32%) |
#1e2c6b |
rgb(30,44,107) |
hsl(229,56%,27%) |
#192458 |
rgb(25,36,88) |
hsl(229,56%,22%) |
#131c44 |
rgb(19,28,68) |
hsl(229,56%,17%) |
#0d1430 |
rgb(13,20,48) |
hsl(229,56%,12%) |
#080c1c |
rgb(8,12,28) |
hsl(229,56%,7%) |
#020308 |
rgb(2,3,8) |
hsl(229,56%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2F94A5 |
rgb(47,148,165) |
hsl(189,56%,42%) |
#2F45A5 |
rgb(47,69,165) |
hsl(229,56%,42%) |
#672EA5 |
rgb(103,46,165) |
hsl(269,56%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4B63CB |
rgb(75,99,203) |
hsl(229,55%,55%) |
#364FBF |
rgb(54,79,191) |
hsl(229,56%,48%) |
#2F45A5 |
rgb(47,69,165) |
hsl(229,56%,42%) |
#273B8A |
rgb(39,59,138) |
hsl(228,56%,35%) |
#1F2E70 |
rgb(31,46,112) |
hsl(229,57%,28%) |
#182455 |
rgb(24,36,85) |
hsl(228,56%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2F45A5 |
rgb(47,69,165) |
hsl(229,56%,42%) |
#A5542F |
rgb(165,84,47) |
hsl(19,56%,42%) |
#80A62F |
rgb(128,166,47) |
hsl(79,56%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2F45A5 |
rgb(47,69,165) |
hsl(229,56%,42%) |
#A58F2F |
rgb(165,143,47) |
hsl(49,56%,42%) |
#2F80A5 |
rgb(47,128,165) |
hsl(199,56%,42%) |
#80A62F |
rgb(128,166,47) |
hsl(79,56%,42%) |