HEX #2F4AA5 color — Sapphire
The color #2F4AA5 is a dark shade and moderately saturated.
Palette
2F4AA5 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fc |
rgb(243,245,252) |
hsl(226,56%,97%) |
#dfe5f6 |
rgb(223,229,246) |
hsl(226,56%,92%) |
#cbd4f0 |
rgb(203,212,240) |
hsl(226,56%,87%) |
#b7c3eb |
rgb(183,195,235) |
hsl(226,56%,82%) |
#a4b3e5 |
rgb(164,179,229) |
hsl(226,56%,77%) |
#90a2e0 |
rgb(144,162,224) |
hsl(226,56%,72%) |
#7c92da |
rgb(124,146,218) |
hsl(226,56%,67%) |
#6881d4 |
rgb(104,129,212) |
hsl(226,56%,62%) |
#5471cf |
rgb(84,113,207) |
hsl(226,56%,57%) |
#4060c9 |
rgb(64,96,201) |
hsl(226,56%,52%) |
#3554bb |
rgb(53,84,187) |
hsl(226,56%,47%) |
#2f4ba7 |
rgb(47,75,167) |
hsl(226,56%,42%) |
#2a4293 |
rgb(42,66,147) |
hsl(226,56%,37%) |
#24397f |
rgb(36,57,127) |
hsl(226,56%,32%) |
#1e306b |
rgb(30,48,107) |
hsl(226,56%,27%) |
#192758 |
rgb(25,39,88) |
hsl(226,56%,22%) |
#131e44 |
rgb(19,30,68) |
hsl(226,56%,17%) |
#0d1530 |
rgb(13,21,48) |
hsl(226,56%,12%) |
#080d1c |
rgb(8,13,28) |
hsl(226,56%,7%) |
#020408 |
rgb(2,4,8) |
hsl(226,56%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#2F99A5 |
rgb(47,153,165) |
hsl(186,56%,42%) |
#2F4AA5 |
rgb(47,74,165) |
hsl(226,56%,42%) |
#622EA5 |
rgb(98,46,165) |
hsl(266,56%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4B69CB |
rgb(75,105,203) |
hsl(226,55%,55%) |
#3657BF |
rgb(54,87,191) |
hsl(226,56%,48%) |
#2F4AA5 |
rgb(47,74,165) |
hsl(226,56%,42%) |
#273D8A |
rgb(39,61,138) |
hsl(227,56%,35%) |
#1F3370 |
rgb(31,51,112) |
hsl(225,57%,28%) |
#182655 |
rgb(24,38,85) |
hsl(226,56%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#2F4AA5 |
rgb(47,74,165) |
hsl(226,56%,42%) |
#A54F2F |
rgb(165,79,47) |
hsl(16,56%,42%) |
#85A62F |
rgb(133,166,47) |
hsl(77,56%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2F4AA5 |
rgb(47,74,165) |
hsl(226,56%,42%) |
#A58A2F |
rgb(165,138,47) |
hsl(46,56%,42%) |
#2F85A5 |
rgb(47,133,165) |
hsl(196,56%,42%) |
#85A62F |
rgb(133,166,47) |
hsl(77,56%,42%) |